chrome vue 未响应_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'],

更多使用请看官方文档

chrome vue 未响应_vue兼容低版本chrome相关推荐

chrome vue 未响应_VUE数据响应式
响应式顾名思义就是对外界的触发变化做出响应. 在vue中,vue的data是响应式的,我们会很好奇,为什么传入new Vue({})中的data在做出变化的时候,UI中相应地显示的数据也会响应做出变化 ...
chrome vue 未响应_vue之骨架屏踩坑之路
vue的首屏优化方式有很多种骨架屏就是其中之一作为一个前端开发用户体验感是很重要的关于页面的loading状态的展示,目前主流的主要有loading图和进度条两种现今使用骨架屏的也越来越多 ...
vue兼容低版本chrome
做项目遇到了一些不能轻易升级chrome版本的客户,他们还用着40版本的chrome,所以今天就来说说为了兼容低版本的chrome做了哪些努力. 主要是两件事情: (1)将自己代码转为es5版本 (2 ...
Vue3 + Typescript 兼容低版本 Chrome
最近新开一个项目,使用了最新的Vue3和Typescript,但发现在客户浏览器中白屏(空页面),得知他们使用的浏览器版本居然是Chrome 49,但客户太多,根本无法要求他们统一更换新版本的浏览器, ...
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题 1.在csdn中找到了一下解决方案,但与本项目略有不同 vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空 ...
[css] 你对响应式设计的理解是什么？知道它基本的原理是吗？要想兼容低版本的IE怎么做呢？
[css] 你对响应式设计的理解是什么?知道它基本的原理是吗?要想兼容低版本的IE怎么做呢? 理解:在不同系统,不同设备,不同尺寸的界面,有良好的用户体验,舒适的阅读体验,交互体验. 原理:根据不同设 ...
使用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 ...

chrome vue 未响应_vue兼容低版本chrome

chrome vue 未响应_vue兼容低版本chrome相关推荐

最新文章

热门文章