1 安裝
npm install --save-dev sass-loader//sass-loader依賴於node-sass
npm install --save-dev node-sass
2 配置: 在build文件夾下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}// 不知道為什么我配置完就打包不了, 不配置就是好用的
3 在APP.vue中修改style標簽
<style lang="scss">
4 使用
(1) 變量
1-1) 使用變量
sass讓人們受益的一個重要特性就是它為css引入了變量。你可以把反復使用的css屬性值 定義成變量，然后通過變量名來引用它們，而無需重復書寫這一屬性值。或者，對於僅使用過一 次的屬性值，你可以賦予其一個易懂的變量名，讓人一眼就知道這個屬性值的用途。