Vue-cli4页面样式兼容Ie9的解决办法

最新推荐文章于 2023-03-02 12:03:49 发布
最新推荐文章于 2023-03-02 12:03:49 发布
阅读量1.4k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47239414/article/details/107658992
版权
  1. 下载 babel-polyfill插件，在main.js里面引用；
  2. 在这里插入图片描述
  3. 下载 mini-css-extract-plugin 插件；
  4. 下载 css-split-webpack-plugin 插件；
  5. 在vue.config.js引用
  6. 在这里插入图片描述
    在这里插入图片描述
    这样的解决办法是因为css的样式代码太多了，导致样式加载不出来，我们的解决办法是，把css的样式拆分，每400KB拆成一个文档，进行加载
鹤玺儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解Vue Cli浏览器兼容性实践
11-20
浏览器市场占有率 在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，:backhand_index_pointing_down:下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所拉取的浏览器数据就是来自statCounter。 世界范围 天朝范围 Plus移动端 分析 从统计数据可以看出，对于国内的PC端浏览器，QQ浏览器以及Sogou的占比还是挺高的，所以在做兼容性处理的时候也需要多考虑这两款浏览器。不过QQ浏览器和Sogou都是封装了Chrome的内核，而它们的更新通常也就是随着Chrome的版本更新而更新，但是这两款浏览器通常不会和Chrome
vue-simple-carousel:兼容Vue 2.x的轮播，支持现代浏览器（不支持IE）
04-13
Vue简单轮播兼容Vue 2.x的轮播，支持现代浏览器（不支持IE）。 转盘旨在旋转幻灯片，从第一张幻灯片到最后一张幻灯片无限缠绕。使用和约束该组件提供了一组针对可访问性的默认控件，同时提供了各种插槽以自定义外观...
vue cli4 兼容IE浏览器
吕小小布的博客
07-23 7334
Babel是一个JavaScript编译器 Babel是一个工具链，主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript。以下是Babel可以为您做的主要事情： 转换语法 源代码转换（codemods） babel/polyfill Babel包含一个polyfill，它包含一个自定义的再生器运行时和core-js。 这将模拟完...
关于vue/cli4.x vue-cli@4.x版本 浏览器兼容问题处理，兼容ie
csl125的博客
11-24 1万+
在开发项目时由于项目中使用到的监控插件不能兼容高版本的谷歌火狐等，只能使用ie,项目使用vue-cli 4.5.8版本构建 vue-cli4.x默认情况下不需要自己手动安装babel-polyfill，官网对此也有介绍 浏览器兼容性 #browserslist 你会发现有package.json文件里的browserslist字段 (或一个单独的.browserslistrc文件)，指定了项目的目标浏览器的范围。这个值会被@babel/preset-env和Autoprefixer...
vue-cli 浏览器兼容性
xiaomifeng_li的博客
11-20 845
browserslist 你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。 现在查阅这里了解如何指定浏览器范围。 Polyf...
vue/cli4.1 antv/g6 兼容IE11
shuai_ang的博客
01-05 924
记录一下vue/cli4.1 antv/g6在兼容IE11时遇到的坑
基于react-vue生态的前端集成解决方案探索与总结.docx
10-29
通过webpack，我们可以自定义配置，以适应不同的项目需求，同时确保对IE9及以上的浏览器兼容性。 对于那些需要传统开发模式的项目，文章提到了基于gulp 4.0的原生JS/jQuery集成方案。gulp是一个任务运行器，允许...
pushplan-master(1).zip_effectdml_vue
09-23
在描述中提到的"解决ie9的兼容问题"，意味着此项目考虑到了对旧版浏览器，尤其是Internet Explorer 9的支持，这在现代前端开发中是一项挑战，因为IE9并不支持某些最新的Web技术。 Vue.js的兼容性： Vue.js 2.x版本...
基于vue + elementUI的管理系统模板
02-22
- **兼容性**：Element UI 主要面向现代浏览器，同时也对IE9及更高版本提供了有限的支持。 3. **基于Vue + ElementUI的管理系统模板**： - **路由管理**：通常会使用Vue Router进行页面路由管理，实现单页应用...
在vue中使用Autoprefixed的方法
10-18
在Vue.js开发中，为了确保应用能够兼容各种不同的浏览器，我们需要处理CSS的浏览器前缀问题。这通常涉及在样式规则前添加如`-webkit-`、`-moz-`等特定浏览器的前缀。手动处理这些前缀既耗时又容易出错。幸运的是，...
Vue 后台管理类项目兼容IE9+的方法示例
12-11
最近项目进入到了第三方集成的环节，集成第三方监控非要用IE，咋办？老板让我将后台管理系统的框架兼容下IE，一直都是在chrome下开发的，也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@2.0生成的，UI框架使用的是iview,ajax请求使用的是axois,此外就没有什么特殊的npm包了。 需要解决的兼容问题 经过自己的一番测试，目前主要有以下的兼容问题: 在IE下由于没有promise，所以axios不能用了； 在涉及到flex、fixed、absolute定位时，IE浏览器下的显示效果有较大的区别； excel表单导出异常； 部分使用的
Vue兼容ie9的问题全面解决方案
01-19
前言 背景情况 vue – 2.5.11 vue-cli 使用模板 webpack-simple http请求：axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的核心框架 vuejs 本身，以及生态的官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。 Vue 的作者尤雨溪对于Vue 的学习建议 中有提及为了将项目更好的生态化/工程化，要尽可能学习及使用新的 ECMAScript 规范。目前 ES6/ES2015 是可用度和稳定度较高的规范，文档齐全，国内还有 阮一峰 《ECMAScr
解决vue在ie9中的兼容问题
热门推荐
landl_ww的博客
01-24 4万+
vue 解决ie9的兼容问题 当vue遇见ie9的时候，部署到服务器之后，打开居然是一片空白，vue是支持ie9的，这个时候就需要来一波兼容了 参考尤大的解答 https://github.com/vuejs-templates/webpack/issues/260 首先npm install –save babel-polyfill 然后在main.js中的最前面引入babel-po
vue-cli 在IE下兼容设置
LonewoIf的博客
04-18 886
首先看 vue 官网上给出的 vue-cli 在浏览器中的兼容性，图中表示是兼容 IE 9的，但是在IE9中打开项目会发现一片空白。 解决办法如下： 第一步、安装 babel-polyfill npm install --save babel-polyfill 第二步、在 main.js 中的最前面引入 babel-polyfill import 'babel-polyfill'; 第四步、...
Cli项目兼容ie9及以上浏览器
fangshuiguang的博客
05-07 525
最近翻看原来的代码，发现在ie浏览器下出现空白，心里想着ie虽然份额在减少，但是技术上能解决当然最好了，于是开始检查配置文件，发现配置文件已有 babel-polyfill 要解决ie兼容性问题，单单有babel-polyfill还不行，还需要babel-loader 安装：npm install -D babel-loader @babel/core @babel/pr...
2021-12-24 vue项目兼容IE
一只白猫罢了
12-24 1607
vue/cli4脚手架搭建的前端项目，vue版本2.6.12 browserslist配置： "browserslist": [ "> 1%", "last 2 versions" ] IE11打包后白屏 鸣谢： vue项目打包后在IE报SCRIPT1006：缺少 ‘)’ vue项目在IE11白屏报错 SCRIPT1002： 语法错误 vue踩坑记录之ChunkLoadError vue 懒加载组件chunk相对路径混乱问题 ES10-flat 兼容性处理(附代码 无脑cv)
vue兼容ie9-11
青阳的博客
12-07 1814
vue项目兼容ie,采用core-js的方式，安装core-js：3.0以上版本 采用vue-cli脚手架，vue-cli3.0开始默认会安装core-js3.0的版本
vue cli4.5.13项目兼容IE问题记录
wulei_emm的博客
03-02 591
vue-cli 4.5.13 IE兼容性
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
最新发布
06-06
您可以尝试以下步骤来卸载vuecli3或vue-cli： 1. 打开命令行工具，并使用管理员权限运行它。 2. 输入以下命令来检查您已经安装的vue-cli版本： ``` vue --version ``` 3. 如果您已经安装了vue-cli 3.x版本，您可以使用以下命令来卸载它： ``` npm uninstall -g @vue/cli ``` 4. 如果您无法卸载vue-cli，则可以尝试使用以下命令： ``` npm uninstall -g vue-cli ``` 5. 如果上述命令仍然无法卸载vue-cli，您可以手动删除全局安装的vue-cli文件夹。您可以使用以下命令来查找vue-cli安装的位置： ``` npm list -g vue-cli ``` 6. 找到vue-cli安装的位置后，您可以使用以下命令来删除它： ``` npm uninstall -g /path/to/vue-cli ``` 请确保将“/path/to/vue-cli”替换为您找到的vue-cli文件夹的路径。 希望这些步骤可以帮助您成功卸载vue-cli！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值