vue2.0 中使用scss

安裝相關包

npm install node-sass@4.14.1 --save-dev

npm install sass-loader@7.3.1 --save-dev

webpack.base.conf.js

修改build文件夾下面的webpack.base.conf.js文件,module->rules下面添加如下新規則。

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

修改style標簽

在style標簽中添加lang="scss"即可，如果是css文件將.css后綴改為.scss。

原css代碼可以在Sass中文網轉為sass