程序员经验分享-hwhale

vue-cli中开发生产css注入形式不同导致bug

2023-05-16

开发环境和生产环境不同导致的差异。主要是css层级有变动；
开发环境只是单纯的使用了style-loader进行style标签插入，不进行额外的处理，比如说资源合并和添加md5后缀等，这样做是为了让编译速度更快，开发体验更好。

1）开发环境下的style可能有5个;顺序为a.css  b.css c.css d.css e.css

而生产可能顺序就打乱了层级有改动

2）原本第三方ui库是以style注入的层级比极高（开发环境），生产环境即打包单独link引入

层级也有改变

生产环境下的

 

 

预加载全局的css和第三方css；返回第三方的慢；怎么先挂载到header里？？？？

 

 

 

开发环境

开发css加载顺序

 

 

 

3)本地开发样式浏览器前缀和生产不一样；生产被删除了

https://segmentfault.com/a/1190000016123664

https://juejin.im/post/5c35df04f265da6158775732

转载于:https://www.cnblogs.com/little-ab/p/11596312.html

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

CLI

css

Bug

中开发生产

vue-cli中开发生产css注入形式不同导致bug 的相关文章

随机推荐

  • 卡尔曼滤波原理

    卡尔曼滤波原理 原文链接 xff1a http www bzarg com p how a kalman filter works in pictures https blog csdn net u010720661 article det

  • 在网络直播中什么叫推流

    参考 xff1a 推流 xff0c 指的是把采集阶段封包好的内容传输到服务器的过程 其实就是将现场的视频信号传到网络的过程 推流 对网络要求比较高 xff0c 如果网络不稳定 xff0c 直播效果就会很差 xff0c 观众观看直播时就会发生

  • Hello, Weka

    转自http dreamhead blogbus com logs 16813833 html Weka xff0c 是一个用Java编写的数据挖掘软件 数据挖掘 xff0c 从字面上来看 xff0c 它是一个从数据中找寻有用信息的过程 x

  • ubuntu基础知识与技巧

    root用户与超级用户的切换 1 sudo i 2 sudo su 3 su root 安装升级 查看软件xxx安装内容 dpkg L xxx 查找软件库中的软件 apt cache search 正则表达式 或 aptitude sear

  • linux多线程编程书籍推荐：linux大牛之路从这几本书開始总结

    linux多线程编程是指基于Linux操作系统下的多线程编程 xff0c 包含多任务程序的设计 xff0c 并发程序设计 网络程序设计 数据共享等 Linux系统下的多线程遵循POSIX线程接口 xff0c 称为pthread 编写Linu

  • Google Tango初学者教程

    Getting Started with the Tango Java API In this tutorial we 39 ll go through setting up your build environment and compi

  • 在虚拟机下运行gazebo，关于vmw_ioctl_command error Invalid argument错误

    开发环境 xff1a windows10 43 vmware player 43 ubuntu14 04 43 ROS indigo 运行 xff1a gazebo 前提条件 xff1a 安装gazebo xff1a sudo apt ge

  • 做杜邦线（假）教程

    好像国外叫 跳线 xff08 jump wire xff09 xff0c 我们叫杜邦线 xff0c 不清楚这个名字的来历 某宝上的杜邦线 xff0c 质量良莠不齐 xff08 如同很多别的不是杜邦线的商品一样 xff09 吃过几次亏后 xf

  • PX4的workqueue

    Workqueue相当于是中断子程序 xff0c 然后在queue的cycle里面要注意 xff0c 不能在cycle函数里面用printf打印 xff0c 在cycle里面printf函数是打印不出来的 也不能在cycle里面用while

  • windows10安装Python环境

    下载Python交互解释器 xff08 俗称 环境 xff09 登录python官网 xff1a www python org 进 入 官 网 首 页 xff0c 选 择 Downlaods 下 面 对 应 的 系 统 版 本 xff08

  • gvim背景配色

    背景 xff08 feihua 重新安装了gvim7 4后 xff08 发现gvim7 3有显示字符的bug便升级了 xff0c 忽然想改一下windows下gvim的外观 xff0c 在看了几个博客 xff0c 却发现无法设置 xff0c

  • Vue路由（vue-router）详细讲解指南

    中文文档 xff1a https router vuejs org zh Vue Router 是 Vue js 官方的路由管理器 它和 Vue js 的核心深度集成 xff0c 让构建单页面应用变得易如反掌 路由实际上就是可以理解为指向

  • Eclipse在点击运行后不能自动保存的解决

    今天在eclipse上写程序调试时 xff0c 发现当我点击运行按键之后 xff0c 并不能在运行前帮我自动保存 xff0c 也就是说每次修改代码之后 xff0c 运行的还是前一次运行之前的代码 xff0c 并不是修改之后的代码 xff0c

  • 自旋锁的原理实现

    import java util concurrent atomic AtomicReference boolean compareAndSet V expect V update 如果当前值 61 61 预期值 xff0c 则以原子方式将

  • 到底哪种滤波算法好？互补滤波和卡尔曼滤波结果比较(转)

    看到有人说互补滤波跟卡尔曼滤波效果差不多 xff0c 我是不相信的 不过单我自己说不行 xff0c 要有结果 xff0c 后来我就用下面的代码进行测试 xff0c 结果如下图 lt ignore js op gt 结果 xff1a 果然两滤

  • C语言RL78 serial bootloader和C#语言bootloader PC端串口通信程序

    C语言RL78 serial bootloader和C 语言bootloader PC端串口通信程序 了解更多关于bootloader 的C语言实现 xff0c 请加我QQ 1273623966 xff08 验证信息请填 bootloade

  • 几个C++ online test 网站

    http www mycppquiz com list php http www codelect net TestDetails Cplusplus Senior Level Test http careerride com c 43 4

  • CMakeLists 中file GLOB的陷阱：undefined symbol错误

    例子 xff1a 为了规范代码写了如下CMakeLists Files include file GLOB source files c h 本意是在工程中添加 h c会

  • 第五周课程总结&试验报告（三）

    第五周课程总结 amp 试验报告 xff08 三 xff09 实验三 String类的应用 实验目的 掌握类String类的使用 xff1b 学会使用JDK帮助文档 xff1b 实验内容 1 已知字符串 xff1a 34 this is a

  • vue-cli中开发生产css注入形式不同导致bug

    开发环境和生产环境不同导致的差异 主要是css层级有变动 xff1b 开发环境只是单纯的使用了style loader进行style标签插入 xff0c 不进行额外的处理 xff0c 比如说资源合并和添加md5后缀等 xff0c 这样做是为

热门标签