Webpack:首先将所有css导入与css-loader合并,然后使用sass处理结果

时间:2019-02-27 08:20:52

标签: webpack sass webpack-4 css-loader

我一直在寻找一种方法来获取css-loader的输出(在本例中,该输出用于导入具有最佳性能的许多文件)并用sass处理它。

我知道首先使用sass的常用方法,但是从我所看到的情况来看,css-loader的性能要高得多(我想它更多地利用了wepack的功能)。

因此css-loader从所有导入中创建一个“文件”,然后在该“文件”上处理sass。不编写自定义插件就可以吗?

我有很多sass文件。我想将它们与css-loader结合在一起(文件通过导入链接在一起)并用sass处理输出。我测试了x个带有导入的css文件(在这种情况下,导入由css-loader处理)和相同数量的带有导入的css文件(在这种情况下,导入由sass-loader处理)。

修改一个文件,wepack在第一种情况下花费了200毫秒来重建,而在第二种情况下花费了1000毫秒。我知道这并不是真正的公平比较,因为在第二种情况下要花更多的时间进行scss处理,但我的印象是,文件更改时css-loader的效率要高得多:它可以更好地跟踪依赖项,fs缓存等。

0 个答案:

没有答案
相关问题