本文参考自：

说明：

如果你在使用 vue-cli 提供的模板来构建你的应用，那么webpack的相关配置已经提供好了，这些配置已经经过很好地优化了编译过程。

说明的是：Vendor file

Common Chunks插件能把你的Vendor代码（例如Vue.js这些不会经常改动的依赖包）和应用代码（每次开发过程中都会改动的代码）分离开。

你能配置插件检查一个依赖是否来自于node_modules，如果是，那就打包到vendor.js 文件。

new webpack.optimize.CommonsChunkPlugin({      name: 'vendor',      minChunks: function (module, count) {        // any required modules inside node_modules are extracted to vendor        return (          module.resource &&          /\.js$/.test(module.resource) &&          module.resource.indexOf(            utils.resolve('node_modules')          ) === 0        )      }    }),