Styles not extracted from common chunk

[stanshillis]

I'm using CommonsChunkPlugin together with extract text plugin. I set extract options to be allChunks = true, but it doesn't seems to extract css from the common chunk generated by CommonChunkPlugin. Inside common.bundle.js there is still embedded css.

Is is possible to make extract- text-plugin extract css across all chunks into one css file?

The set-up looks as follows:

var externalLibs = ['jquery', ...];
...
entry: {
            entryOne: 'entryOne.js',
            entryTwo: 'entryTwo.js',
            common: externalLibs
        },
module: {
   loader: [
      { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?root=' + appRoot) },
   }
}
plugins: [
   new ExtractTextPlugin("styles/default.css", {
      allChunks: true
   }),
   new webpack.optimize.CommonsChunkPlugin("common", "common.bundle.js")
]

entryOne.js and entryTwo.js both require in the same file (say shared.js), which in turn requires in a css file. CommonsChunkPlugin puts shared.js into common.bundle.js, which is fine, but it also carries the css content along with it, it seems.

[sokra]

Each entry has it own stylesheet, so you need to use new ExtractTextPlugin("styles/[name].css",

[stanshillis]

Okay, thank you.