vue-cli4.5项目如何配置兼容ie浏览器

新版本脚手架会有内置的转义插件，我们只需要做以下两步即可

测试背景

本次实验对象vue版本2.6.11，脚手架vue-cli版本4.5.0

一、在babel.config.js中：

module.exports = {presets: [['@vue/app',{targets: {browsers: ['ie >= 7', 'safari >= 7']},useBuiltIns: 'entry',// 三种兼容方法一种是入口声明entry 一种是 useBuiltIns: 'usage' 会自动 获取入口entry webpack 配置 其他都需要安装babel// babel新版本废弃 @babel/polyfill// import "core-js";// import "regenerator-runtime/runtime";polyfills: ['es6.promise', 'es6.symbol']}],'@vue/babel-preset-jsx'],plugins: ['@babel/plugin-syntax-jsx']
};

二、在main.js中引入

import 'core-js';
import 'regenerator-runtime/runtime';

结果

template：

script：

ie浏览器中：

注：真的百度了好久，大家的写法很多都大同小异，试了每个都不生效，各种报错，真心建议大家像这种问题，尽量描述的具体点，不一样的项目环境下，解决方法真的不同，不要一味的抄来抄去，希望每篇文章都是实用的！

vue-cli4.5项目如何配置兼容ie浏览器相关推荐

运用 Vue CLI4.X 脚手架构建项目实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. 运用 Vue CLI4.X 脚手架构建项目实战前言一.什么是 Vue CL ...
关于vue/cli4.x vue-cli@4.x版本浏览器兼容问题处理，兼容ie
在开发项目时由于项目中使用到的监控插件不能兼容高版本的谷歌火狐等,只能使用ie,项目使用vue-cli 4.5.8版本构建 vue-cli4.x默认情况下不需要自己手动安装babel-polyfill ...
Vue CLI 3 配置兼容IE10
Vue CLI 3 配置兼容IE10 最近做了一个基于Vue的项目,需要兼容IE浏览器,目前实现了打包后可以在IE10以上运行,但是还不支持在运行时兼容IE10及以上.Vue CLI 3 中文文档安 ...
Vue移动端项目——Vant 移动端 REM 适配
Vant官方文档 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: postcss-pxtorem 是一款 postcss 插件,用于将 px 单位转化为 ...
Vue移动端项目（一）
一.项目初始化目标能使用 Vue CLI 创建项目了解 Vant 组件库的导入方式掌握制作使用字体图标的方式掌握如何在 Vue 项目中处理 REM 适配理解 axios 请求模块的封装模 ...
gitee项目404问题_vue cli4部署项目到gitee pages ,出现404，找不到资源
问题描述 vue cli4部署项目到gitee pages ,出现404,找不到资源问题出现的环境背景及自己尝试过哪些方法百度了一波,按照他们的说法,在vue.config.js配置文件中添加pu ...
使用qiankun微前端如何兼容ie浏览器
在ie浏览器中, 默认不支持fetch, promise, symbol, 以及es6等语法, 如何给ie打补丁, 支持这些语法呢? 场景一: 主应用通过vue2.x框架搭建, 该框架默认兼容ie ...
vue项目系统兼容IE浏览器问题以及解决方案
系统兼容IE浏览器问题以及解决方案问题 vue项目在IE浏览器上运行时会出现兼容性问题:JavaScript语法报错,css样式错乱.原因是在IE(以IE11为例)浏览器下,部分js的写法需要改变, ...
vue 项目兼容 IE 浏览器
前言 : 网上找了很多关于 vue项目兼容 IE 浏览器的教程步骤 , 写的非常详细 , 但根据我自己的项目,怎么找都没有找到 webpack.base.conf.js 这个文件 ,就没办法配 ...

vue-cli4.5项目如何配置兼容ie浏览器

测试背景

一、在babel.config.js中：

二、在main.js中引入

结果

vue-cli4.5项目如何配置兼容ie浏览器相关推荐

最新文章

热门文章