1、在项目当前目录下,安装sass的依赖包
> npm install sass-loader --save-dev
//sass-loader依赖于node-sass npm
> npm install node-sass --save-dev
或者使用cnpm 的方式进行安装,将上面两行的npm换成cnpm即可
2、修改组件的style,添加lang=scss
<style lang="scss">
3、注意:有些老版本的vue好像还需要配置build文件夹下的webpack.base.conf.js的rules,新版的不需要配置
{
test: /\.scss$/,
loader: ['style', 'css', 'sass']
},
PS:欢迎加入vue技术交流群(864583465)进行更多问题的探讨,你的问题将是我们大家共同进步的关键。