webpack分開打包和合並打包的瘦身

webpack.config.js

記錄一下優化webpack的幾個點：

1. 

    devtool: false,   //產品階段不應該有devtool

  entry: {
    bundle : paths.appIndexJs, //__dirname + "/src/js/root.js",               //項目的入口文件
    vendor: ['react','react-dom','mobx','mobx-react','mobx-state-tree','react-router-dom'],  //你項目中的第三方庫
    element_react: ['element-react','element-theme-default']   //你使用的第三方UI等
  },

 

2.

 plugins: [
    new webpack.optimize.ModuleConcatenationPlugin(),  //普通優化
    new webpack.optimize.CommonsChunkPlugin({    //提取第三方文件和entry里對應，和上面的對應，這樣打包出來的會把react全家桶打包成一個文件,  同時把elemnet打包成一個文件
      name: ['vendor','element_react'], 
      //filename: 'static/js/vendor.bundle.js' 
    }),

打包效果：