Set ExtractTextPlugin.allChunks to true

[mgenware]

When using CommonsChunkPlugin and there are extracted chunks (from ExtractTextPlugin.extract) in the commons chunk, allChunks must be set to true。

Doc: https://github.com/webpack-contrib/extract-text-webpack-plugin

[mgenware]

For a quick testing of multiple common chunks, this project may be helpful.

[LinusBorg]

Hey @mgenware

, so I looked into this, and I don't think that I want to activate this by default.

Reasoning

With the current config, CSS from .vue files that are code-splitted will reside in that async chunk and only be loaded when that async chunk is actually loaded.

That means that the app.css file will be lighter and only contain the "basic" styles, and stuff you load later comes with its own styles.

Solution

I think this option can be useful though, and so I would suggest to add it to the templates config like this:

// set the following options to `true` if you want to extract CSS from
// codesplit chunks into this main css file as well.
// this will result in *all* of your app's CSS being loaded upfront.
allChunks: false

If you want to make this change to your branch, I will merge this so you get credit for bringing this to our attention.s

[LinusBorg]

See my previous comment.

[mgenware]

Hi @LinusBorg, thanks for your informative reply. I totally agree, I've committed changes to my branch 😀