位置: IT常识 - 正文

vue全局引入scss样式文件(vue全局引入js文件)

编辑:rootadmin
vue全局引入scss样式文件

推荐整理分享vue全局引入scss样式文件(vue全局引入js文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue scss 全局变量,vue css全局变量,Vue全局引入JS的方法,vue全局引入js文件,vue全局引入js,vue全局引入js文件,Vue全局引入JS的方法,vue全局引入scss文件,内容如对您有帮助,希望把文章链接给更多的朋友!

在vue中全局引入非功能性的scss样式文件很简单,只需要在main.js文件中引入对应文件就行

import { createApp } from 'vue'

import App from './App.vue'

import router from './router'

import store from './store'

vue全局引入scss样式文件(vue全局引入js文件)

// 全局引入样式文件

import '@/assets/scss/index.scss'

createApp(App).use(store).use(router).mount('#app')

但想要在vue中引入功能性(即定义的颜色规范、mixin样式函数等,如下)的scss的样式文件,单单在main.js中引用是无法生效的

// 颜色定义规范 $color-background: #222; $color-background-d: rgba(0, 0, 0, 0.3);

// mixin函数 @mixin bg-image($url) {   background-image: url($url + "@2x.png");   @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {     background-image: url($url + "@3x.png");   } }

 想要全局引入功能性的scss样式文件,就必须在vue.config.js中写下如下代码:

module.exports = { css: { loaderOptions: { sass: { // 全局引入变量和 mixin additionalData: ` @import "@/assets/scss/variable.scss"; @import "@/assets/scss/mixin.scss"; ` } } }}

与此同时要保证你的sass和sass-loader的版本较新,因为旧版本是不支持如上操作的,sass和sass-loader的版本在package.json文件中可以更改

本文链接地址:https://www.jiuchutong.com/zhishi/297863.html 转载请保留说明!

上一篇:常用的优化器合集(优化器总结)

下一篇:能取代90%人工作的ChatGPT到底牛在哪?(工作被取代)

  • 浅谈:网站上线之后应该如何推广(网站上线的流程)

    浅谈:网站上线之后应该如何推广(网站上线的流程)

  • java decimal(java decimal转换成string)

    java decimal(java decimal转换成string)

  • 华为fig-al10是什么型号(fia-al10华为是什么型号)

    华为fig-al10是什么型号(fia-al10华为是什么型号)

  • 抖音怎么关闭通讯录权限(抖音怎么关闭通过通讯录找到我)

    抖音怎么关闭通讯录权限(抖音怎么关闭通过通讯录找到我)

  • 联想笔记本电脑亮度调节失灵怎么办(联想笔记本电脑黑屏打不开怎么办)

    联想笔记本电脑亮度调节失灵怎么办(联想笔记本电脑黑屏打不开怎么办)

  • 华为Mate X2默认的输入法是什么

    华为Mate X2默认的输入法是什么

  • iphone怎么把照片传到新的iphone(iphone怎么把照片放在桌面上)

    iphone怎么把照片传到新的iphone(iphone怎么把照片放在桌面上)

  • 打印耗材是做什么的(打印耗材好做吗)

    打印耗材是做什么的(打印耗材好做吗)

  • 锂电池多少温度会爆炸(锂电池多少温度会起火)

    锂电池多少温度会爆炸(锂电池多少温度会起火)

  • 三星手机黑屏但有震动(三星手机黑屏但是触摸正常)

    三星手机黑屏但有震动(三星手机黑屏但是触摸正常)

  • 任意键是什么键(任意键是什么键图片)

    任意键是什么键(任意键是什么键图片)

  • 微信实名认证是不是只能用一次(微信实名认证是未成年有什么限制)

    微信实名认证是不是只能用一次(微信实名认证是未成年有什么限制)

  • 抖音怎么给头像加装饰(抖音怎么给头像加链接)

    抖音怎么给头像加装饰(抖音怎么给头像加链接)

  • iqoo支持模拟门禁卡吗(iqoo neo5模拟器)

    iqoo支持模拟门禁卡吗(iqoo neo5模拟器)

  • 华为9x怎么分屏(华为9x怎么分屏使用)

    华为9x怎么分屏(华为9x怎么分屏使用)

  • 淘宝淘金币怎么看不到(淘宝淘金币怎么用不了)

    淘宝淘金币怎么看不到(淘宝淘金币怎么用不了)

  • ppt未保存如何找回(ppt未保存在哪里可以找回来)

    ppt未保存如何找回(ppt未保存在哪里可以找回来)

  • 抖音怎么玩的步骤(抖音走路步数增加小技巧)

    抖音怎么玩的步骤(抖音走路步数增加小技巧)

  • 转转退款多久到账(转转退款能立马到账吗)

    转转退款多久到账(转转退款能立马到账吗)

  • ios13怎么改微信通知声音(ios13.7怎么改微信提示音)

    ios13怎么改微信通知声音(ios13.7怎么改微信提示音)

  • airpods怎么永久改名(airpods怎么关机)

    airpods怎么永久改名(airpods怎么关机)

  • 电脑显示器模糊了怎么办?(电脑显示器模糊不清晰是什么原因)

    电脑显示器模糊了怎么办?(电脑显示器模糊不清晰是什么原因)

  • Vue项目中引入高德地图步骤详解(vue项目引入axios)

    Vue项目中引入高德地图步骤详解(vue项目引入axios)

  • vue自适应布局(各种浏览器,分辨率)(vue 响应式自适应布局)

    vue自适应布局(各种浏览器,分辨率)(vue 响应式自适应布局)

  • 什么是转登记纳税人
  • 全国税务师考试报名时间
  • 税金及附加属于管理费用吗
  • 在建工程人员工资计入产品成本吗
  • 出售无形资产计入资产处置损益
  • 管理费用贷方有哪些递减
  • 所购税控盘减免税款
  • 其他应收款要做账吗
  • 注册资金印花税减半政策
  • 结转损益类费用科目的余额
  • 经济纠纷引发的刑事案件
  • 营改增后房产土地作价入股该如何做税务处理?
  • 员工缴纳的工会会费可以税前扣除吗
  • 进项发票税点属于什么科目?
  • 租赁费交税税率是多少
  • 个人付款可以开发票吗
  • 红字发票不小心点了暂存怎么办
  • 劳务服务公司业务范围
  • 固定资产内部调拨流程
  • 税控设备抵减如何填写报表
  • 一般纳税人购买原材料会计分录
  • 公司投资理财产品
  • 销售黄金的会计分录
  • 差额征收单位所需材料
  • Mac笔记本电脑截图
  • 交易性金融资产属于什么科目
  • 给客户赠送的礼物叫什么
  • 只有高新技术企业能享受研发加计扣除吗
  • mscorsvw.exe是什么进程
  • 行政事业单位怎么考
  • 2021最好的固态
  • 增值税三流合一涉及子公司
  • 贷款减值损失准备怎么算
  • 资本化计入
  • 委托加工物资验收入库的金额
  • php获取北京时间
  • gpt3模型大小
  • php安装openssl扩展
  • python的series
  • 建筑业为什么要报统计局
  • 现金流量表现金等价物有哪些
  • 年初结转增值税怎么算
  • 织梦标签工具
  • phpcms生成html
  • 销售费用变动率异常
  • 累计盈余的借方
  • 差旅费津贴要交税吗怎么算
  • 劳动报酬所得收入额大于4000
  • 调整以前年度损益调整什么时候结转
  • 物业管理费发票备注栏要求
  • 固定资产清理是资产类的备抵科目吗
  • 合作社注销麻烦吗
  • 企业税负是否包含增值税
  • 小规模纳税人开专票税率是1%还是3%
  • 母子公司资金往来财税问题
  • 什么是对公账户?
  • 一次性购买多张火车票
  • 实收资本未到账减资要交税吗
  • 商业银行的固定资产
  • Windows Server 2003服务器群集创建和配置指南
  • win7看视频黑屏有声音
  • xp开机提示explorer
  • windows7报错
  • pe硬盘安装win7系统教程
  • opengl
  • 在机上创建一个文件夹
  • 机械革命系统重装官方教程
  • opengl入门教程
  • js中cookie
  • python编程字符串中删除数字
  • shell定时删除指定目录下的文件夹
  • 开发者共享是什么意思
  • 容易混淆的词汇
  • fragment
  • 浅谈python 四种数值类型(int,long,float,complex)
  • 房租计入待摊费用
  • 征管法第六十三条的内容
  • 国税局和税务稽查的区别
  • 四川省人口数据资料
  • 北京朝阳区国税局时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设