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

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

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

阅读 3.1k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏