                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo应用

style-loader必须放在css-loader之前吗？为什么？

刚开始

{test:/\.css$/, use: ['css-loader','style-loader']},

运行：npm run build,会报错：

改成style-loader就正常了：

{test:/\.css$/, use: ['style-loader', 'css-loader']},

蓝with黑

2018-03-28

源自：Vue+Webpack打造todo应用 2-2

关注问题我要回答

7168

操作

收起

5 回答

qq_覗水翛_0 回答被采纳 +2 积分
2018-03-29

loader的加载顺序是从右往左。这里的编译顺序是先用css-loader将css代码编译，再交给style-loader插入到网页里面去。所以css-loader在右，style-loader在左。

1 回复有任何疑惑可以回复我~

收起回答

蓝with黑提问者

非常感谢！

2018-06-19 回复有任何疑惑可以回复我~

慕沐1599493

为什么loader 的加载顺序是从右往左，虽然我也认为按道理也是先cssloader 后styleloader合理，可是哪里可以找到证明loader的加载顺序是从右往左，谢谢帮忙，文档即可

2018-08-31 回复有任何疑惑可以回复我~

慕沐1599493
2018-08-31

0 回复有任何疑惑可以回复我~

收起回答

慕的地4297146
2018-06-16

css-loader以字符串形式读取CSS文件。

style-loader获取这些样式并创建<style>页中的标记<head>包含这些样式的元素。

0 回复有任何疑惑可以回复我~

收起回答

慕的地4297146
2018-06-16

style-loader是将外部css文件注入html文件中，最后将html文件中的css 用css-loader进行解析

0 回复有任何疑惑可以回复我~

收起回答

hhopeforlife
2018-03-29

上面正解。按照我的理解是这样的，因为css是放在style标签里面的，那么我们肯定是先将css代码编译之后再重新放入style标签里面。loader加载的顺序是规定的，是从右往左，所以style-loader要放在css-loader之前

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

Vue+Webpack打造todo应用

参与学习 84610 人
解答问题 786 个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

本课相似问答

2 回答缺少必要的loader

2 回答npm i css-loader 出错

2 回答安装post-css-loader报错

1 回答ERROR in ./src/assets/styles/global.styl (./node_modules/css-loader!./node_modules/stylus-loader!./node_modules/postcss-loader/lib??ref--3-3!./src/assets/styles/global.styl)

2 回答已经安装了css-loader，为什么会报这个错误呢？

搜索更多本课相关问答

style-loader必须放在css-loader之前吗？为什么？

我要回答关注问题

热搜

最近搜索清空

style-loader必须放在css-loader之前吗？为什么？

5 回答

本课相似问答

style-loader必须放在css-loader之前吗？为什么？