您好,欢迎来到画鸵萌宠网。
搜索
您的当前位置:首页vue-cli中开发生产css注入形式不同导致bug

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

来源:画鸵萌宠网

开发环境生产环境不同导致的差异。主要是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://www.cnblogs.com/little-ab/p/11596312.html

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo8.com 版权所有 湘ICP备2023022238号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务