webpack打包css顺序问题
在webpack中用ExtractTextPlugin可以把所有的css打包到一起,但是现在有个问题,css打包出来的顺序有问题,我希望base的css在最前面,module中的css在后面,这个该怎么整?
或者有没有可以把css打包成两个文件的,一个是common的css,另一个是其他的css文件?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(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,
此情况尽量避免。