create-react-app 支持多入口

轉自 http://blog.csdn.net/q617610589/article/details/75026175

 

1. Eject the project

npm run eject

2. Add multiple entry to webpack.config.dev.js

entry: { index: [ require.resolve('react-dev-utils/webpackHotDevClient'), require.resolve('./polyfills'), require.resolve('react-error-overlay'), paths.appIndexJs, ], admin:[ require.resolve('react-dev-utils/webpackHotDevClient'), require.resolve('./polyfills'), require.resolve('react-error-overlay'), paths.appSrc + "/admin.js", ] }, output: { path: paths.appBuild, pathinfo: true, filename: 'static/js/[name].bundle.js', chunkFilename: 'static/js/[name].chunk.js', publicPath: publicPath, devtoolModuleFilenameTemplate: info => path.resolve(info.absoluteResourcePath), },

3. Modify HtmlWebpackPlugin 
add a new plugin node:

new HtmlWebpackPlugin({ inject: true, chunks: ["index"], template: paths.appHtml, }), new HtmlWebpackPlugin({ inject: true, chunks: ["admin"], template: paths.appHtml, filename: 'admin.html', }),

 

4. webpack Dev Server 
rewrite urls

/config/webpackDevServer.config.js:

    historyApiFallback: {
      disableDotRule: true,  // 指明哪些路徑映射到哪一個html rewrites: [ { from: /^\/admin.html/, to: '/build/admin.html' }, ] }