用 vue-cli 生成的 Vue 项目,在项目中使用 Sass 需要安装两个依赖包:
//安装下面的包时可能会报错,此时可以使用 cnpm 淘宝镜像进行安装 npm install node-sass --save-dev npm install sass-loader --save-dev
然后修改 webpack.base.config.js 文件,修改 module 下的 rules :
module: { rules: [ ... { test: /\.scss$/, loaders: ["style", "css", "sass"] } ... ] }
在 vscode 中使用 sass 语法可能会提示语法错误,但是编译运行都没问题,此时修改 vscode 的设置:先安装vetur插件,在vscode的设置中添加: "files.associations": { "*.vue": "vue" }
原文:https://www.cnblogs.com/wenxuehai/p/11365210.html