webpack 如何做样式(scss)的分割与异步加载

发布于 2022-09-05 21:47:25 字数 307 浏览 11 评论 0

项目使用webpack+react全家桶 样式部分使用的是scss 目前使用ExtractTextPlugin提取出了所有样式形成style.css 目前想做一个style.css的拆分,想要提取出所有样式但会按各个目录(功能模块)形成多个css文件,(效果就像js异步加载一样,自动分割成多个小包,然后按需加载)尝试了配置多个ExtractTextPlugin的loader的方式 每个loader include不同的目录,但生成出的几个css文件竟然内容完全一样 全都包含整个项目的样式,感觉像是多个loader相互覆盖了

也可能是我的思路不对,请问各位大神有没有其他方法呢?

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

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

发布评论

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

评论(2

公布 2022-09-12 21:47:25

组件的按需加载可以解决你这个问题。你的css 写在每个组件里面。组件按需加载了。css 不也是按需加载了么。
react 按需加载参考https://segmentfault.com/a/11...

内心激荡 2022-09-12 21:47:25

开一个js文件import 'xxx.css', 在有需要的地方system.import这个js文件

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