vue-cli4配置scss全局变量
最近写自己的博客,打算使用scss,但是使用scss的时候不想每个组件都引入variable.scss,于是网上找了好多方法,此为亲测可用的方法
安装
“node-sass”, “sass-loader”,“style-loader”
vue.config.js配置
module.exports = {css: {// css预设器配置项loaderOptions: {sass: {additionalData:`@import "./src/style/varible.scss";`}}},}
然后就可以在组件里随便用了
<style lang="scss" scoped>#app{background: $background;}</style>
改天还是得好好研究研究这些配置呀,感觉能做挺多事的