vue中使用scss
在当前项目中打开命令板执行下面的命令
npm install node-sass sass-loader style-loader --save-dev
然后在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置
{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] },
页面中使用
<style scoped lang="scss"> .hello { p { color: red; } } </style>
这是会报错:
loaderContext.getResolve is not a function
然后只需要在package.json中将sass-loader的版本改到7.3.1就好了
"sass-loader": "^7.3.1"