Vue/cli加快打包速度

Vue/cli加快打包速度

参考地址

1. external + CDN的方式

Vue 中使用externals和CDN来优化项目的体积, 可以参考老夫之前写的方式

2. thread-loader

请仅在耗时的操作中使用此 loader！
thread-loader文档地址 使用时，需将此 loader 放置在其他 loader 之前。放置在此 loader 之后的 loader 会在一个独立的 worker 池中运行

安装yarn add thread-loader -D

在vue.config.js中添加loader

module.exports = {
	configureWebpack: {
		module: {
	      rules: [
	        // 开启多线程打包
	        {
	          test: /\.js$/,
	          include: resolve('src'),
	          use: [
	            {
	              loader: 'thread-loader',
	              options: {
	                // 产生的 worker 的数量，默认是 (cpu 核心数 - 1)，或者，
	                // 在 require('os').cpus() 是 undefined 时回退至 1
	                workers: 2
	              }
	            }
	          ]
	        }
	      ]
	    }
	}
}