                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /webpack深入与实战

sass编译出错

ERROR in ./src/components/layer/layer.js

Module not found: Error: Can't resolve 'scss-loader' in 'G:\webpackDemo'

但是我明明已经安装好了，

{
test:/\.scss$/,
loader:'style-loader!css-loader!scss-loader'
}

代码就是这么写的，less都编译通过了

慕粉3960217

2017-03-19

源自：webpack深入与实战 4-5

关注问题我要回答

3058

操作

收起

4 回答

大竹子哥哥
2018-03-29

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

首先安装sass-loader，scss-loader，node-sass 这三个loader。然后按照上面的配置就可以了

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

一里沙白
2017-10-28

要装node-sass

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

cp1025991160
2017-04-03

请问你这个这问题解决了吗？

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

雨梦南浔
2017-03-19

应该这样子使用：loader:'style-loader!css-loader!sass-loader'

原因见：http://stackoverflow.com/questions/33310216/scss-loader-with-webpack

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

举报

0/150

提交

取消

webpack深入与实战

参与学习 86561 人
解答问题 721 个

webpack实战教程，用真实项目带你探索 webpack 强大的功能

本课相似问答

4 回答编译出错了。

1 回答less编译时报错

3 回答webpack plugin 编译报错报错不知道啥意思

2 回答sass的坑

4 回答为啥没编译less 我用的webpack2.0

搜索更多本课相关问答

sass编译出错

我要回答关注问题

意见反馈帮助中心 APP下载