位置: 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到底牛在哪?(工作被取代)

  • 港建费征收管理办法
  • 借款合同印花税减免优惠政策2022
  • 电子税务局如何删除办税人员
  • 生产成本怎么计算
  • 公司两个股东各占50%股份,法人是股东
  • 原始凭证分类的目的是什么?
  • 利润和营收哪个更重要
  • 出口收入账务处理
  • 企业承担的法律责任有哪些保险
  • 土地增值税清算是什么意思
  • 委托收款背书和转让背书
  • 两所工资所得怎么扣税
  • 快递费的进项税可以抵扣吗
  • 工程保险费属于企业管理费吗
  • 客户把发票弄丢了,红冲重新开了会有什么风险
  • 足疗发票税点
  • 投标人组织结构怎么填写
  • 对公账户每个月
  • 提供服务的发票可以抵扣税款吗?
  • 可转换债券存在的问题
  • 打印企业银行流水需要密码吗
  • 政府收费的目的是什么
  • 打开游戏时总是出现需要新应用打开此MS
  • 资产负债表与现金流量表的关系
  • mac怎么传文件到百度网盘上
  • 你知道怎么安装
  • win7为什么现在不能用了
  • PHP:mb_encoding_aliases()的用法_mbstring函数
  • php面向对象优点,缺点
  • php语言之面向对象编程 educoder
  • 房产自用改出租房产税如何申报
  • 运输公司的账务处理
  • 增值税检查的内容
  • 上年未结转的成本今年可以结转吗
  • php限制
  • sed指令可以打印文件的奇数或偶数行
  • telnet命令大全
  • 修改公司章程注意事项
  • 应交税费应交增值税的三级科目有哪些
  • 自有资金等于货币资金吗
  • 营业外收入汇算清缴时也得计入收入
  • 商誉的会计核算怎么核算
  • sqlserver2008数据库还原
  • 采购成本和销售成本谁影响利润
  • 房地产开发企业成本核算方法
  • 永久性差异有哪些项目
  • 工程施工企业收入1750万,利润怎么算
  • 固定资产原值增加折旧怎么算
  • 社保局退的工伤保险怎么记账
  • 在途物资属于会计科目吗
  • 其他权益工具投资出售时账务处理
  • 公司的资本公积金
  • 库存商品盘亏计哪个科目
  • 收到房租租金下什么科目
  • 燃油费如何做账会计分录
  • 企业法人个人贷款企业承担吧?
  • 社保逾期滞纳金和利息
  • 增值税普通发票可以抵扣吗
  • 一般纳税人只交社保无发票往来需要做账吗
  • 实缴发票和月结发票知乎
  • mysql数据库innodb
  • sql语句递归
  • 微软软件安装
  • debian8安装
  • ubuntu系统安装SSH服务
  • windows8怎么设置
  • linux 杀掉指定用户的进程
  • window 8
  • win7怎么打开磁盘管理器
  • 一起学写字的宣传文案
  • nodejs mocha
  • Drag and drop in unity
  • [置顶]从lv2开始开挂的原勇者候悠闲的异世界生活
  • 如何python
  • python自动化部署oracle csdn
  • 安卓开源项目叫什么
  • jquery 触发点击
  • 小规模纳税人收到增值税专用发票怎么办
  • 中介服务行业
  • 地税审计税务稽查局职责
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设