vue项目中使用sass的方法

1.安装sass的依赖包：

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

2.修改webpack.base.conf.js配置：

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

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

如下图所示：

3.在.vue中使用，修改style标签

<style lang="scss">
    .....
<style>

4.单独引用.scss文件

例如创建style.scss文件，在main.js中引入即可

import '../static/css/style.scss'