scss在Vue中的安装及使用_scss vue

作者：从前慢现在也慢 | 2024-02-14 23:13:35

踩

scss vue

一、安装


npm install node-sass --save-dev //安装node-sass 
npm install sass-loader --save-dev //安装sass-loader 
npm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的！

二、配置文件

在webpack.base.conf.js 文件下的配置 rules


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

三、在vue模板组件中引用lange="scss"


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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/82522