vue项目中使用sass

1.安装插件

npm install sass  --save-dev
npm install node-sass --save-dev
npm install sass-loader --save-dev

2.在build目录找到webpack.base.conf.js文件
在该文件module.export中的module.rules加入解释scss文件的loader

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

3.运行项目
备注:运行时可能遇到问题,解决办法为更改版本号

"node-sass": "^4.14.1"
"sass-loader": "^7.3.1"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容