From 073b7219ffb1abfad93d923ea42d49ebd9c4dd3e Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Thu, 23 Nov 2017 10:33:29 +0800
Subject: [PATCH] chore:refine build:prod

---
 build/utils.js             |  3 ++-
 build/webpack.prod.conf.js | 20 +++++++++++++++-----
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/build/utils.js b/build/utils.js
index e15947b1..1d2b492e 100644
--- a/build/utils.js
+++ b/build/utils.js
@@ -21,7 +21,8 @@ exports.cssLoaders = function (options) {
   }
 
   var postcssLoader = {
-    loader: 'postcss-loader'
+    loader: 'postcss-loader',
+    sourceMap: options.sourceMap
   }
 
   // generate loader string to be used with extract text plugin
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
index c9a6c1ca..0e2b0562 100644
--- a/build/webpack.prod.conf.js
+++ b/build/webpack.prod.conf.js
@@ -82,7 +82,7 @@ var webpackConfig = merge(baseWebpackConfig, {
     // split vendor js into its own file
     new webpack.optimize.CommonsChunkPlugin({
       name: 'vendor',
-      minChunks: function (module, count) {
+      minChunks: function (module) {
         // any required modules inside node_modules are extracted to vendor
         return (
           module.resource &&
@@ -93,6 +93,12 @@ var webpackConfig = merge(baseWebpackConfig, {
         )
       }
     }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
     // split echarts into its own file
     new webpack.optimize.CommonsChunkPlugin({
       async: 'echarts',
@@ -109,12 +115,16 @@ var webpackConfig = merge(baseWebpackConfig, {
         return context && (context.indexOf('xlsx') >= 0);
       }
     }),
-    // extract webpack runtime and module manifest to its own file in order to
-    // prevent vendor hash from being updated whenever app bundle is updated
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'manifest',
-      chunks: ['vendor']
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
     }),
+
     // copy custom static assets
     new CopyWebpackPlugin([{
       from: path.resolve(__dirname, '../static'),