升级到webpack 4,splitchunks

时间:2018-05-26 07:14:43

标签: webpack

我跑了commonsChunkPlugin

module.exports = {                                                                                                                                                                  
  context: __dirname,

   entry: {

   vendor: [
     "site_common/js/share-button/share.js",                                                                                                                                           "moment",
     "site_common/js/kakaolink-web/kakao.link.js",                                                                                                                                       "jquery",
       'django',                                                                                                                                                                         'nativeAppUtils',
     ],

     'vendor_react': [
       'react',
       'react-dom',
       'redux',
       'react-redux',
       'redux-thunk',
       'react-router',
       'react-router-redux',
       'react-intl',
       'normalizr',
       'lodash',
       'site_common/utils/fetch',
       'classnames',
       'react-day-picker',
       'redux-form',

       'immutability-helper',
       'semantic-ui-react',
     ],
}

plugins: [
     new CommonsChunkPlugin({
       names: ["vendor_backbone", "vendor_react", "vendor"],
       minChunks: Infinity
     }),
]

现在我正在升级到webpack 4,输出文件大小就像4Mb,而webpack 2大约是300k。

我有以下内容,无法继续进行更改

  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor_backbone: {
          name: 'vendor_backbone',
          test: 'vendor_backbone',
          enforce: true,
          chunks: 'all'
        },
        vendor_react: {
          name: 'vendor_react',
          test: 'vendor_react',
          enforce: true,
          chunks: 'all'
        },
        vendor: {
          name: 'vendor',
          test: 'vendor',
          enforce: true,
          chunks: 'all'
        },
      }
    },
    noEmitOnErrors: true,
    minimize: false,                                                                                                                                                                },

0 个答案:

没有答案