第四章 安装SCSS

一、安装依赖

cnpm install node-sass --save-dev

npm install sass-loader@7.3.1 --save-dev

sudo cnpm install style-loader --save-dev

二、配置SCSS

打开build文件夹下webpack.base.conf.js

module:{
    rules:[//第三方匹配规则
        {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},
    ]
},

三、使用scss

<style scoped lang="scss">

</style>

四、效果