vue wepack打包优化

没做处理之前的打包

首先第一步

优化resolve.modules配置

build->webpack.base.config.js 

优化前写法

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'src': path.resolve(__dirname, '../src'),
      'node_modules': path.resolve(__dirname, '../node_modules')
    }

优化后

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),

　　　　　'src':resolve('src'),

　　　　　'node_modules': resolve('node_modules'),

    }
  },

在头部定义变量存放地址

var src = path.resolve(__dirname, '../src');

var node_modules=path.resolve(__dirname, '../node_modules');

这里优化原理主要是利用resolve精准的定位，一次声明多次使用（解释可能不太准确）

优化了10几秒

 

把 productionSourceMap设置成false,就相当于不生成那个sourceMap映射

也优化了很多秒