webpack 如何做样式(scss)的分割与异步加载
项目使用webpack+react全家桶 样式部分使用的是scss 目前使用ExtractTextPlugin提取出了所有样式形成style.css 目前想做一个style.css的拆分,想要提取出所有样式但会按各个目录(功能模块)形成多个css文件,(效果就像js异步加载一样,自动分割成多个小包,然后按需加载)尝试了配置多个ExtractTextPlugin的loader的方式 每个loader include不同的目录,但生成出的几个css文件竟然内容完全一样 全都包含整个项目的样式,感觉像是多个loader相互覆盖了
也可能是我的思路不对,请问各位大神有没有其他方法呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
组件的按需加载可以解决你这个问题。你的css 写在每个组件里面。组件按需加载了。css 不也是按需加载了么。
react 按需加载参考https://segmentfault.com/a/11...
开一个js文件import 'xxx.css', 在有需要的地方system.import这个js文件