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的詳細信息，但您可以先檢查它。 :)