1.安装依赖,安装最新版本,有的属性会不支持,防止报错安装指定版本

npm install sass-loader@7.3.1 --save-dev  //安装8.0
npm install node-sass@4.14.1 --save-dev
npm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的!

2.配置文件

在webpack.base.conf.js 文件下的配置 rules
rules:[
    ...
    { 
        //从这一段上面是默认的!不用改!下面是没有的需要你手动添加,相当于是编译识别scss!
        test: /\.scss?$/,
        loaders: ["style", "css", "sass"]
    }
]

3.使用方式,style标签增加lang="scss"

<style lang="scss" scoped>
...
</style>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐