当前位置:网站首页 > Vue.js开发 > 正文

vue2项目中全局引入scss变量

一,设置好变量文件

在这里插入图片描述

二,设置vue.config.js中的配置

devServer: { 
    ... }, css: { 
    loaderOptions: { 
    sass: { 
    prependData: `@import "@/assets/style/common.scss";` } } }, 

三,重启项目即可

到此这篇vue2项目中全局引入scss变量的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • js正则表达式--个人常用2024-12-03 11:45:07
  • webpack5+vue3搭建h5项目模板-(一)-基础配置2024-12-03 11:45:07
  • webpack5+vue3搭建h5项目模板-(二)-eslint代码规范化2024-12-03 11:45:07
  • vue3的自定义指令2024-12-03 11:45:07
  • 原生js实现dom的获取及操作2024-12-03 11:45:07
  • inquirer:命令行中与用户进行交互的js库2024-12-03 11:45:07
  • vue2使用脚手架配置prettier报错:‘prettier/prettier‘: context.getPhysicalFilename is not a function2024-12-03 11:45:07
  • webpack5学习与实战-(六)-babel-loader解析js文件2024-12-03 11:45:07
  • js中的同步与异步的理解2024-12-03 11:45:07
  • vue中动画效果的实现2024-12-03 11:45:07
  • 全屏图片