在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack react 使用dll 打包以后react重復(fù)引用導(dǎo)致bundl

webpack react 使用dll 打包以后react重復(fù)引用導(dǎo)致bundle過大

使用webpack dll打包功能的依賴包,并且把react放入dll打包的模塊中。
當(dāng)打包完成以后app.bundle.js中還是包含了react的源代碼。請問改如何處理?

webpack.dll.js

module.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
    })
  ]
};
回答
編輯回答
逗婦惱

為什么不使用create-react-app腳手架來打包

2017年5月6日 20:32
編輯回答
呆萌傻

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

2018年1月19日 05:13