webpack react 使用dll 打包以后react重复引用导致bundle过大

Question

使用webpack dll打包功能的依赖包，并且把react放入dll打包的模块中。当打包完成以后app.bundle.js中还是包含了react的源代码。请问改如何处理?webpack.dll.jsmodule.exports = {  entry: {    polyfill: ['babel-polyfill', 'whatwg-fetch', 'es6-promise'],    common: ['history', 'md5', 'object-path', 'lokijs', 'object-assign', 'classnames'],    react: ['react', 'react-dom'],    reactRedux: ['react-redux', 'redux', 'redux-observable'],    reactRouter: ['react-router-dom', 'react-router-redux']  },  output: {    path: path.join(__dirname, buildDir),    filename: '[name].dll.js',    library: '[name]_[hash]'  },  context: path.resolve(__dirname),  mode: NODE_ENV,  devtool: 'source-map',  plugins: [    new CleanWebpackPlugin([buildDir]),    new webpack.DefinePlugin({      'process.env.NODE_ENV': JSON.stringify(NODE_ENV)    }),    new webpack.DllPlugin({      path: path.join(__dirname, buildDir, '[name].manifest.json'),      name: '[name]_[hash]',      context: __dirname    })  ]};

Answer 1

为什么不使用create-react-app脚手架来打包

Answer 2

用了dll打包，就不要用CommonsChunkPlugin打包react了