4种使用webpack提升vue应用的方式

本文参考自：https://mp.weixin.qq.com/s?src=11&timestamp=1526886111&ver=889&signature=u9SixhvlJG2togBgR4VKSeN50y*JsqvRTRarxVp3BBBkfN2GY760LlYmWyVV*dSsNYURM7**FDilSGp5QuVgWyrW9ww09ekiU6mDCY9GQIGCLPRC5YP-pDOmmP802e1G&new=1

说明：

如果你在使用 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
        )
      }
    }),