解决使用vue-cli搭建的项目无法使用scss的问题

@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true

 

解决方法:
安装以下依赖就可以了,vue-cli默认没有scss-loader,scss-loader又需要node-sass,只安装scss-loader是不行的。另外webpack就不需要配置了,因为vue-cli会帮你配置安装的loader

输入如下命令:

npm install node-sass --save
npm install [email protected] --save-dev
npm install scss-loader --save

不能直接使用命令:

npm install sass-loader --save-dev

不然会报错误
因为当前sass的版本太高,webpack编译时出现了错误,所以指定:npm install [email protected] --save-dev 安装低版本的

 

你可能感兴趣的:(前端,vue.js,scss,sass)