5回答

Rosen

2020-07-23

已采纳

css-loader是编译用的，style-loader是把css-loader编译好的结果提取到文件里，这个配置方式是ExtractTextPlugin内部定义的，有兴趣的话可以去插件的源码里翻译下具体实现。

0

1

williamdsy

非常感谢！Rosen 大哥

2020-07-24

共1条回复

williamdsy

提问者

2020-07-21

我思故我在：

结果表示，前者把样式放在了 /dist/app.js 中，而后者由于使用了 extract-text-plugin(new ExtractTextPlugin("index.css"))，将项目中的 .css 文件全部提取到了 /dist/index.css 中，并且在 /dist/index.html 中直接以 link 标签的方式引入了 /dist/index.css；

所以后者样式加载的速度更快！

综上：前者直接 use: ['style-loader', 'css-loader']，而后者在use 后面包了一层 ExtractTextPlugin()，所以两者是不一样的：前者直接调用 style-loader 和 css-loader，而后者通过 ExtractTextPlugin.extract() 调用 style-loader 、css-loader。

再综上：两者的不同之处在于，前者将 .css 文件 和 jsx 文件一样提取到了 /dist/app.js 中，而后者 ExtractTextPlugin 将 .css 单独提取到单独的文件（/dist/index.css)

剩下的疑问：

1. fallback 的作用

2. style-loader 和 css-loader 的区别

3. style 和 css 的区别

    

0

0

williamdsy

提问者

2020-07-21

Rosen 大哥～

0

0

williamdsy

提问者

2020-07-21

css-loader 和 style-loader 有什么区别呢？

之前我一直的印象--css样式，那么现在：css 是样式的一种，还有其他style吗？

0

0

williamdsy

提问者

2020-07-21

“把style-loader传给了fallback，这个配置的基本含义就是，extract默认行为先使用css-loader编译css，如果一切顺利的话，结束之后把css导出到规定的文件去。但是如果编译过程中出现了错误，则继续使用style-loader处理css。”

大哥，是这么解释吗？

0

0