如何解决css/scss import时按需引用

为了快速开发,整理了前端常用样式文件a.css, b.scss

遇到2个页面:

复杂的页面A
简单的页面B

复杂的页面A,直接引入快速写,很节省时间。

但是遇到非常简单的页面B,顺手就import引入了。但是实际上造成了B页面写出来编译后的文件占用大小,跟A页面基本上一样大。 这种情况在微信小程序有限制项目最大上限的情况中,影响就会很大。

如果完全不用常用样式,又会让B页面开发时间拉长。

这种情况该如何取舍?
有没有按需引用的解决方案?(比如编译时未使用的css不编译进.wxss文件)

阅读 2.3k
1 个回答
新手上路,请多包涵

看样子 应该是 CSS-Tree-Shaking
可以看下这个 https://www.npmjs.com/package... 不过这个应该只能去打包静态分析 动态插入的样式标签shank不掉

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