在vue中使用scss的配置

1、創建一個基於 webpack 模板的新項目

$ vue init webpack myvue

2、在當前目錄下，安裝依賴

$ cd myvue
$ npm install

3、安裝sass的依賴包

npm install --save-dev sass-loader
//sass-loader依賴於node-sass
npm install --save-dev node-sass

4、在build文件夾下的webpack.base.conf.js的rules里面添加配置

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

5、在APP.vue中修改style標簽

<style lang="scss">