webpack打包css顺序问题

发布于 2022-09-06 03:16:55 字数 161 浏览 24 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

素染倾城色 2022-09-13 03:16:55

按从入口开始推入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,
此情况尽量避免。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文