async fetch router resource

3lang3 · 3lang3 · commit bc7672f5911b · 2017-06-27T16:30:26.000+08:00
diff --git a/index.html b/index.html
@@ -10,6 +10,7 @@
 </head>
 <body>
     <div id="app"></div>
-    <script src="/build/bundle.js"></script>
+    <script src="/build/vendor.js"></script>
+    <script src="/build/main.js"></script>
 </body>
 </html>
diff --git a/package.json b/package.json
@@ -48,8 +48,8 @@
     "redux-thunk": "^2.1.0",
     "seamless-immutable": "^7.0.0",
     "uuid": "^3.0.0",
-    "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.2.0-rc.0"
+    "webpack": "^2.6.1",
+    "webpack-dev-server": "^2.4.5"
   },
   "devDependencies": {
     "babel-core": "6.24.1",
diff --git a/webpack.config.js b/webpack.config.js
@@ -20,19 +20,22 @@ HashBundlePlugin.prototype.apply = (compiler) => {
     if (!stats.errors.length) {
       const htmlFileName = 'index.html';
       const html = fs.readFileSync(path.join(__dirname, htmlFileName), 'utf8');
-      const htmlOutput = html.replace(/\/build\/.?bundle\.js/, `${'/build/'}${stats.hash}${'.bundle.js'}`);
+      const htmlOutput = html.replace(/\/build\/.?main\.js/, `${'/build/'}${stats.hash}${'.main.js'}`);
+      const vendorOutput = htmlOutput.replace(/\/build\/.?vendor\.js/, `${'/build/'}${stats.hash}${'.vendor.js'}`);
 
-      fs.writeFileSync(path.join(__dirname, htmlFileName), htmlOutput);
+      fs.writeFileSync(path.join(__dirname, htmlFileName), vendorOutput);
+      //fs.writeFileSync(path.join(__dirname, htmlFileName), vendorOutput);
     }
   });
 };
 
 const config = {
   entry: ['babel-polyfill', path.resolve(__dirname, 'src')],
   output: {
-    filename: `${isProd ? '[hash].' : ''}bundle.js`,
+    filename: `${isProd ? '[hash].' : ''}[name].js`,
     path: path.resolve(__dirname, 'build'),
     publicPath: '/build/',
+    chunkFilename: '[chunkhash:8].[name].chunk.js',
   },
   resolve: {
     extensions: ['.jsx', '.js', '.css', '.json', 'scss'],
@@ -65,6 +68,13 @@ const config = {
     }],
   },
   plugins: [
+    new webpack.optimize.CommonsChunkPlugin({
+        name: 'vendor',
+        minChunks: function (module) {
+          // 该配置假定你引入的 vendor 存在于 node_modules 目录中
+          return module.context && module.context.indexOf('node_modules') !== -1;
+        }
+    }),
     new webpack.LoaderOptionsPlugin({
       options: {
         postcss: [
