gulp打包时，如何对sass全局变量按需打包

Question

问题如题

//公用类包
//核心类模版
@import "../base/base";

//字体iconfont引入
@import "../font/iconfont-180726.scss";        //iconfont引入

如上，这个scss文件是一个公用包，页面有自己单独的scss文件，引用了当前这个公用类包。我在打包的时候，使用了gulp-sass进行了打包，当前页面中没有用到的一些样式通用被打包进去了，导致打包出来的css文件带有很多无关的css，我该如何解决这个问题？

Answer 1

按你说的意思，我理解，你在公共包定义了，再当前页再引用了这个公共包，所以这个问题应该会产生了，引入就相当于加进来公共包内的内容。所以我的建议是你把公共包内的不是所有页面引用的样式再单独封装拿出去