在vue中引入scss

1. 安裝 sass-loader 依賴包cnpm install sass-loader --save-dev
2. 安裝node-sass依賴包cnpm intall node-sass --save-dev
3. 在build文件夾下的webpack.base.conf.js中的rules裏添加配置

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

4. 在使用的組件中修改 style 標籤

<style lang="scss">

5. 報錯：TypeError: this.getResolve is not a function at
   原因：由於當前 sass 的版本太高，webpack 編譯時出現了錯誤
   修改方法：找到 package.json 和 package-lock.json 文件，將 “sass-loader” 更換爲低版本"sass-loader": "^7.3.1"
   （1）使用cnpm uninstall sass-loader卸載該依賴包；
   （2）使用cnpm install [email protected] --save-dev