vue 中使用scss

1.下載

npm install --save-dev sass-loader

npm install --save-dev node-sass

npm install sass-loader --save-dev

2.使用

vue1中

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

{

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

}

 

vue2 中不用，已經本身引入了，再引入會報錯

在style 中加入lang=「scss」 屬性便可

<style lang="scss"><style>

若是.css文件把名字改爲.scss便可