sass踩坑：@import导致前端项目打包体积膨胀

项目打包时发现了css代码出现了大规模膨胀，后面排查发现是scss的@import这个api问题。@import会把所有import的css横向展开，拷贝一份，导致打包后css代码量越来越大。

所以开发时应尽最大可能用@use和@forward替代@import这个api，并且要注意全局类名的失效和依赖关系的失效。

不过目前项目已经开发了很多了，实际上已经用了很多全局类名；所以开发时如果没有主管css样式控制的开发人员，就尽可能不要提前封装css代码，开发到最后再考虑合并问题……