一、路由懒加载
const Home = () => import('./views/Home.vue');
const MyInfo = () => import('./views/MyInfo.vue');
在.babelrc中
"plugins": ["@babel/plugin-syntax-dynamic-import"]
二、分离公共代码
webpack 3.x
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: function (module, count) {
// any required modules inside node_modules are extracted to vendor
// 翻译注释:所有被依赖的模块,如果它在node_modules目录中,都会被抽离出来放进 vendor.js 中
// 如果模块有一个路径,而且在路径中有 js 文件,并且这个模块是属于 node_modules 中的模块
// 那这个模块就会被抽离出来,放进名为 vendor 的这个chunk
return (
module.resource &&
/\.js$/.test(module.resource) &&
mo