Extrahieren Sie gängige Stile mit ExtractTextPlugin und CommonsChunkPlugin

Question

Ich versuche, gemeinsame Stück aus meiner css nach wiki section zu extrahieren. Ich weiß, dass dieses Dokument für webpack 1 aber für webpack 2seems like there is no corresponding example yet ist. Ich verwende den folgenden webpack config:

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 
     }) 
    ] 
}; 

Ich kann nicht, warum common.css erscheint, ist nicht nach dem Bau. Nur common.js, foo.js, bar.js, foo.css und bar.css. Fehle ich etwas? Ich bin neu im Webpack.

Danke.

Answer 1

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

minChunks bedeutet Modul, das mindestens zwei Mal enthalten sein brauchen, in common.css bündeln.

Jetzt keine Details über den Eintrag foo.css und bar.css, aber Sie können es zuerst überprüfen. :)