How to speed up Vue.js command line processes and optimize a webpack build

I have a very simple tutorial project that I built which consists of no more than 100-200 lines of code.

When I build this project with webpack I end up with a bundle.js file which is being flagged as being above the recommended size of a bundle.js file. I find this unsettling because I know that my code is very small. How is it that with only using a few things like vuex, vue.js and a few node modules ending up with such an oversized bundle.js?

I understand that it packages everything up for us, but I find it hard to believe that with such a small project webpack would be unable to get it down to a much smaller size. I am concerned that this might have something to do with the sheer number of node modules I have in that project root directory.

So my question is this: does the webpack build depend at all on what node-modules are in my directory under the /node_modules/ folder? If not, then how have I already exceeded the recommended size for a bundle.js with my first ever vue project?

This brings me to another question which I have been very unsure of: Is it normal for vue to copy over almost my entire node_modules directory from my root user directory? When I watch tutorials, the “vue create My_App” command seems to finish executing in no more than 10-20 seconds, but when I run the command it can take minutes. When I was wondering what it could be I saw that it copied hundreds and hundreds of node_modules over… is that entirely necessary? Is there a configuration or setting I should have set or changed that I missed?

Thank you all for any insight you might be willing to offer, big or small.

Here is my webpack.config.js file:

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
  entry: './src/main.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist/'
  mode: 'development',
  module: {
    rules: [
        test: /\.vue$/,
        loader: 'vue-loader'
      // this will apply to both plain `.js` files
      // AND `<script>` blocks in `.vue` files
        test: /\.js$/,
        loader: 'babel-loader'
      // this will apply to both plain `.css` files
      // AND `<style>` blocks in `.vue` files
        test: /\.css$/,
        use: [
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.common.js'
  plugins: [
    // make sure to include the plugin for the magic
    new VueLoaderPlugin(),
      optimization: {
    minimizer: [new UglifyJsPlugin()],