在Vue中配置SASS

1,124 阅读1分钟
在Vue+Webpack项目中引入SCSS

首先你需要有个Vue+Webpack项目

如题

安装SASS依赖包

cnpm install sass-loader --save-dev 
//sass-loader依赖于node-sass
cnpm install node-sass --save-dev

在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

在模块中使用

<style lang="scss">