sass编译出错

源自：4-5 使用 less 和 sass

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 16:55

个回答

大竹子哥哥: 2018-03-29 11:26:24

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。然后按照上面的配置就可以了

一里沙白

2017-10-28 23:07:51

要装node-sass

0
cp1025991160

2017-04-03 22:58:59

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

0
雨梦南浔

2017-03-19 20:30:03

应该这样子使用：loader:'style-loader!css-loader!sass-loader'
原因见：http://stackoverflow.com/questions/33310216/scss-loader-with-webpack

0