ExtractTextPlugin和CommonsChunkPlugin提取常见样式

Question

我试图从我的css提取常见块根据wiki section。我知道这个文档是用于webpack 1，但是用于webpack 2seems like there is no corresponding example yet。我用下面的WebPack配置：

module.exports = { 
    context: srcPath, 
    entry: { 
     foo: './css/pages/foo.css', 
     bar: './css/pages/bar.css' 
    }, 
    output: { 
     path: distPath, 
     publicPath: '/assets/', 
     filename: '[name].js' 
    }, 
    module: { 
     rules: [{ 
      test: /\.css$/, 
      use: ExtractTextPlugin.extract([ 
       'css-loader' 
      ]) 
     }] 
    }, 
    plugins: [ 
     new webpack.optimize.CommonsChunkPlugin({ 
      name: 'common', 
      minChunks: 2 
     }), 
     new ExtractTextPlugin({ 
      filename: 'css/[name].[contenthash:base64:5].css', 
      allChunks: true 
     }) 
    ] 
}; 

我不知道为什么common.css不是建设后出现。只需common.js,foo.js,bar.js,foo.css和bar.css。我错过了什么吗？我是webpack新手。

谢谢。

Answer 1

参考https://webpack.js.org/plugins/commons-chunk-plugin/#options

minChunks意味着模块需要被包含至少两次将捆绑成common.css。

现在，没有关于条目foo.css和bar.css的详细信息，但您可以先检查它。 :)