vue-cli筆記——引入scss樣式

 給自己做個備份，看着視頻學vue，結果新版沒有webpack.config.js，找了好久

步驟一：安裝依賴包

 npm install node-sass --save-dev 
 npm install sass-loader --save-dev
 npm install style-loader --save-dev

 npm install sass-resources-loader --save-dev

前三個可以一起導入

npm install node-sass sass-loader style-loader --save-dev

步驟二：打開 Build --> utils.js 

找到下圖中的  scss: generateLoaders('sass')

改成如下代碼，並在main.js中import

scss: generateLoaders('sass').concat({
  loader: 'sass-resources-loader',
  options: {
    resources: path.resolve(__dirname, '你的路徑')
  }
}),