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'