vue兼容低版本chrome

做项目遇到了一些不能轻易升级chrome版本的客户，他们还用着40版本的chrome，所以今天就来说说为了兼容低版本的chrome做了哪些努力。

主要是两件事情：

（1）将自己代码转为es5版本
（2）将node_modules中引用的插件，有需要的部分转为es5版本

转自己的

配置自己的代码我们需要用到一个新的插件babel-polyfill

（1）安装

由于这个需要在你的源码之前使用，我们需要将其安装为dependency而不是dev-dependency。

npm install --save @babel/polyfill

（2）使用

vue.config.js


module.exports = {pages: {index: {// add here ---start---entry: ['node_modules/babel-polyfill/dist/polyfill.js', 'src/main.js'],// add here ---end---template: 'public/index.html',filename: 'index.html',chunks: ['chunk-vendors', 'chunk-common', 'index'],},},
};

更多使用请看官方文档

（3）配置

新增babel.config.js文件

将所需要使用的polyfill配置出来

module.exports = {presets: [['@vue/app', {polyfills: ['es6.promise','es6.symbol','es6.array.iterator','es6.object.assign',],useBuiltIns: 'entry',}],],
};

转node_modules下指定插件

vue.config.js
新增配置

transpileDependencies: ['your dependency'],

vue兼容低版本chrome相关推荐

chrome vue 未响应_vue兼容低版本chrome
做项目遇到了一些不能轻易升级chrome版本的客户,他们还用着40版本的chrome,所以今天就来说说为了兼容低版本的chrome做了哪些努力. 主要是两件事情: (1)将自己代码转为es5版本 (2 ...
Vue3 + Typescript 兼容低版本 Chrome
最近新开一个项目,使用了最新的Vue3和Typescript,但发现在客户浏览器中白屏(空页面),得知他们使用的浏览器版本居然是Chrome 49,但客户太多,根本无法要求他们统一更换新版本的浏览器, ...
vue兼容低版本浏览器
1.babel-polyfill npm install --save babel-polyfill 在main.js 头部引入 import "babel-polyfill"; ...
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题 1.在csdn中找到了一下解决方案,但与本项目略有不同 vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空 ...
使用umi打包项目兼容低版本浏览器如safari，chrome等
umi.js 中有运算符 Safari和低版本Chrome报错,参考 umijs.org 文档,配置正确的 targets 在umirc.js中配置targets 2.1.0+ 配置浏览器最低版本,会 ...
vue 检测ie版本_Vue2+Webpack+ES6 兼容低版本浏览器（IE9）解决方案
Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案解决方式:安装 "babel-polyfill" 即可. 命令:npm install --save-dev ...
vue3+vite +element-plus+tailwindcss兼容低版本浏览器（uc）
部分问题 uc浏览器 rgb支持不全如rgb(0 0 0 /30%) 这种写法不支持 tailwindcss v3 部分样式在低版本下也不支持 uc浏览器对于 tailwindcss boxSha ...
element ui 兼容低版本浏览器
基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...
vue3.0 + vite2.0+如何兼容低版本浏览器
这里写自定义目录标题一.问题二.解决三.解决方案四.打包预览一.问题在使用vue3.2和vite2 开发一个移动端或者钉钉端 H5 微服务 ios app内置浏览器打开没问题安卓 app ...

vue兼容低版本chrome

转自己的

转node_modules下指定插件

vue兼容低版本chrome相关推荐

最新文章

热门文章