如何在vue中使用sass全局变量

 时间:2024-11-01 08:32:38

1、步骤一:进入到你的vue项目文件夹下拿我的为例:cd D:\storeroom\newvue

如何在vue中使用sass全局变量

2、步骤二:执行命令npm install sass-resources-loader --save-dev如果装了阿里镜像的则使用(速度快一些)cnpm install sass-resources-loader --save-dev如下图所示,表示已经装好了

如何在vue中使用sass全局变量

3、步骤三:此时的项目是这样的,如下图

如何在vue中使用sass全局变量

4、步骤四:在项目中添加一个vue.config.js文件,如下图

如何在vue中使用sass全局变量

5、步骤五:vue.config.js里的内容如下图,其中画红框的地方就是你需要引入的scss的文件路径

如何在vue中使用sass全局变量

6、步骤六:这时候你就可以在整个项目里愉快的使用你scss文件中定义的变量了

  • 快打旋风3怎么玩?
  • 如何快速彻底的清洗韭菜?
  • 青椒葱花炒鸡蛋
  • 在山区开车的省油办法
  • QQ如何开启怼图模式?
  • 热门搜索
    晚上睡觉磨牙怎么办 填空题的横线怎么打 新百伦鞋子怎么清洗 怎么才能祛痘 慢性荨麻疹怎么治 宝马x5怎么样 亲属关系证明怎么开 多肉植物怎么种 咸鸭蛋怎么腌 痘印痘坑怎么办