作者:芦子根_889 | 来源:互联网 | 2023-02-10 12:34
So according to this question, css-loader
loads file as string, resolves webpack dependency according to require
, and style-loader
inserts style tag into page, and in many cases, css-loader
can be replaced by raw-loader
.
I'm currently using:
loader: ExtractTextPlugin.extract("raw-loader!postcss-loader!sass-loader?sourceMap&" + sassIncludePaths.join(""))
And there are require
s in the .scss
files, but I don't see a problem with raw-loader
yet. So question is:
What exactly is the difference between the two?
What might be a problem if I were to replace css-loader
with raw-loader
in order to reduce run time?
Lucia..
5
从我自己的理解:
raw-loader
和之间的主要区别在于,css-loader
前者按原样加载文件,而后者按webpack排序require
。因此,通常的用例css-loader
是将其与结合使用style-loader
,从而在页面中插入一个标记,从而使其仅包含该页面上使用的样式。
但是,在我们的情况下,extractTextPlugin
无论如何我们都将它们放入一个文件中,因此我们可以只使用raw-loader来节省几乎一半的时间。
同样,它也sass-loader
解决了@import
s,这是我们正在使用的唯一依赖项,因此设置应该是正确的。
1> Lucia..:
从我自己的理解:
raw-loader
和之间的主要区别在于,css-loader
前者按原样加载文件,而后者按webpack排序require
。因此,通常的用例css-loader
是将其与结合使用style-loader
,从而在页面中插入一个标记,从而使其仅包含该页面上使用的样式。
但是,在我们的情况下,extractTextPlugin
无论如何我们都将它们放入一个文件中,因此我们可以只使用raw-loader来节省几乎一半的时间。
同样,它也sass-loader
解决了@import
s,这是我们正在使用的唯一依赖项,因此设置应该是正确的。