webpack打包css顺序问题

Question

在webpack中用ExtractTextPlugin可以把所有的css打包到一起，但是现在有个问题，css打包出来的顺序有问题，我希望base的css在最前面，module中的css在后面，这个该怎么整？
或者有没有可以把css打包成两个文件的，一个是common的css，另一个是其他的css文件？

Answer 1

按从入口开始推入css的书序打包，你可以把base放在入口处即可。你可以使用 CommonsChunkPlugin 插件提取 common css，不过需要注意的是，此common必须是所有文件都会需要的，不然不需要的入口文件也会被引入此common，如，入口h1.js,h2.js 都包含c.css，入口h3.js不包含，如果CommonsChunkPlugin 的 minChunks 配置2，那么c.css 将会被打包成 common.css 引入到 h1,h2的输出html中，但h3的输出html也会引用此common.css，此情况尽量避免。