feat: webpackChunkName

增加webpackChunkName的描述,打包以后的模块会有名称

Author: 谢明

config/webpack.config.common.js

@@ -104,7 +104,8 @@ module.exports = {
     new webpack.EnvironmentPlugin(['NODE_ENV'])
   ],
   resolve: {
-    modules: [resolve(__dirname, '../src/'), 'node_modules']
+    modules: [resolve(__dirname, '../src/'), 'node_modules'],
+    extensions: [ '.js', '.scss', '.less' ]
   },
   optimization: {
     splitChunks: {

src/containers/AppLayout.js

@@ -5,12 +5,12 @@ import NotFound from '../containers/NotFound';
 import NavBar from '../components/NavBar';
 
 const Home = Loadable({
-  loader: () => import('../components/CssModule'),
+  loader: () => import('../components/CssModule' /* webpackChunkName: 'Home' */),
   loading: () => <p>加载中...</p>
 });
 
 const Article = Loadable({
-  loader: () => import('../components/Article'),
+  loader: () => import('../components/Article' /* webpackChunkName: 'Article' */),
   loading: () => <p>加载中...</p>
 });
 

yarn.lock

@@ -8937,6 +8937,10 @@ webpack-addons@^1.1.5:
   dependencies:
     jscodeshift "^0.4.0"
 
+webpack-async-chunk-names-plugin@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/webpack-async-chunk-names-plugin/-/webpack-async-chunk-names-plugin-0.1.1.tgz#ebb8deda59887603331ff2cabbaee5b853fe0bb5"
+
 [email protected]:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-2.1.3.tgz#65d166851abaa56067ef3f716b02a97ba6bbe84d"