vue安裝scss,而且全局引入

在寫vue的css樣式時，以爲須要css預處理器讓本身的css更加簡潔、適應性更強、可讀性更佳，更易於代碼的維護，因而在vue-cli腳手架採用scss。寫過的人都知道，每寫一個.vue文件都要在style上面@import global.scss文件的話，這樣很麻煩。css文件能夠在main.js中能夠直接import，而scss文件import會報錯，所以記錄下處理的方法。

 

1. npm install node-sass --save-dev

    npm install sass-loader --save-dev

    npm install style-loader --save-dev

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

3.修改build中得utils.js

scss: generateLoaders('sass') 修改爲: scss: generateLoaders('sass').concat( { loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, '../src/assets/global.scss') } } )

4.修改scss文件名爲global.scss