ES6通过使用babel兼容到ie9

最新推荐文章于 2023-10-17 16:43:46 发布

weixin_30835933

最新推荐文章于 2023-10-17 16:43:46 发布

阅读量718

点赞数

CC 4.0 BY-SA版权

文章标签： json webpack ViewUI

原文链接：http://www.cnblogs.com/luguankun/p/10321137.html

本文介绍如何通过Babel将ES6语法转换为浏览器兼容的代码，包括下载Babel库、配置及在项目中使用的过程，实现ES6在IE9及以上版本的浏览器中运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.打开这个地址：

https://unpkg.com/babel-standalone@6/babel.min.js

新建babel.min.js，把代码复制进去，然后在jq项目里引用。

2.在下面的script标签里使用es6语法即可，可以兼容到 IE9

<script type="text/babel"><script>

转载于:https://www.cnblogs.com/luguankun/p/10321137.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30835933

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

babel7.0 兼容ie浏览器

王海虎的博客

06-28

1697

替代 @babel/polyfill // 入口文件出引入 import "core-js/stable"; import "regenerator-runtime/runtime"; // .babelrc 下添加 [ "@babel/env", { "corejs": "3", "useBuiltIns": "entry", "targets": { "chrome": "58", "i

babel兼容低版本游览器

web$-小白

07-16

2962

安装插件 npm install @babel/plugin-transform-block-scoping -D。它们两个有什么区别呢？目前很多的项目都采用了多包管理的方式。但是开发中，我们并不需要一个个去安装这些插件，直接使用。文件夹了，但是并没有进行降级。，但是该包现在已经不推荐使用了。

参与评论您还未登录，请先登录后发表或查看评论

Cli项目兼容ie9及以上浏览器

fangshuiguang的博客

05-07

573

最近翻看原来的代码，发现在ie浏览器下出现空白，心里想着ie虽然份额在减少，但是技术上能解决当然最好了，于是开始检查配置文件，发现配置文件已有 babel-polyfill 要解决ie兼容性问题，单单有babel-polyfill还不行，还需要babel-loader 安装：npm install -D babel-loader @babel/core @babel/pr...

【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数，代码

freedomVenly的博客

03-15

9507

一、如下示例：使用es6语法（不包含Promise） script标签的type的值设为text/babel 二、IE使用Promise，async,await 在头部增加polyfill.js即可。 polyfill.js安装方法：npm install babel-polyfill --save polyfill ...

vue/cli2和cli3框架下bable解决es6语法不兼容问题，适用于ie11，ie10的项目兼容。

SilenceJude的博客

09-21

4699

我们引用一些第三方插件的时候，经常会出现node_modules中的es6语法没有被转换导致报错，而且这样的报错往往比较奇怪，无法直观的根据报错信息查看原因。例如缺少“；”，“无法识别”，等乱起八糟的报错。此时一般是通过babel来解决。对于vue/cli2脚手架搭建的项目来说，babel其实已经引入了，.babelrc文件也已经创建好了。但是实际操作的过程中，我们还是需要进行一些配置。配置文件位置是 build/webpack.base.conf.js 然后找到module——rules 找到b

babel+babel-polyfill兼容IE,ES6转ES5

09-03

标题中的"babel+babel-polyfill兼容IE,ES6转ES5"指的就是利用Babel转换ES6代码，并通过使用`babel-polyfill`库来实现对旧版浏览器的兼容。 **Babel** 是一个广泛使用的JavaScript转换器，它可以将最新的JavaScript...

IE11 兼容 ES6，可适配VUE.js

09-21

在引入其他脚本前先引入browser.min...script标签的type的值设为text/babel。 <script type="text/javascript" src="./babel/browser.min.js"> <script type="text/babel"> 在页面引入browser-polyfill脚本： ...

Webpack4+Babel7+ES6兼容IE8的实现

10-17

总之，Webpack4+Babel7+ES6实现兼容IE8的关键在于使用正确的loader、plugins来转换语法和填充API，同时还要注意对Webpack进行适当的配置，以确保代码能够在目标浏览器上正常运行。通过上述方法，即使是老旧的浏览器...

babel.js 和 polyfill.js 使IE浏览器兼容ES6 babel.rar

06-10

`babel.js`通过编译将ES6代码转化为ES5，解决语法兼容性问题，而`polyfill.js`则填充旧浏览器中缺失的API。两者结合使用，可以让开发者充分利用ES6的便利性，同时不必担心对IE等老版本浏览器的支持问题。在实际应用...

ie11兼容es6语法资源包

03-08

标题中的"ie11兼容es6语法资源包"就是为了解决一个长期存在的问题：如何在不支持新标准的老版本浏览器，如Internet Explorer 11（IE11），中运行使用ES6新特性的代码。首先，我们来详细探讨一下ES6，也称为...

使用babel.js 和 polyfill.js 使IE浏览器兼容ES6

asderxiao的博客

06-10

6404

使用babel.js 和 polyfill.js 使IE浏览器兼容ES6项目情况准备工作js文件下载测试代码使用说明js标签变更属性定义技巧项目情况项目开发基本结束，现在要求兼容IE。页面使用HTML+JS编写。其中封装的http请求的js用到箭头函数，导致ie打不开项目。所以此文章只适用于HTML+JS框架。准备工作 js文件下载 https://unpkg.com/babel-standalone@6/babel.min.js 复制babel.js npm install --save babel

使用 babel-polyfill 使vue兼容ie

SHUIYI_24的博客

01-13

588

因为低版本的ie不支持es6的语法，vue在低版本ie浏览器中不兼容没办法显示页面，为了兼容ie,使用babel-polyfill 1.安装babel-polyfill包 npm install babel-polyfill --save-dev 2.在main.js中引用 3.在webpack.base.config.js中将entry中的app: './src/main.js'配置...

兼容IE浏览器——将 ES6 代码转为 ES5 代码 & babel-loader & @babelpolyfill

weixin_44867717的博客

07-08

1525

IE浏览器的适配、兼容——将 ES6 代码转为 ES5 代码 & babel-loader & @babel/polyfill 在webpack官网-搜索关键字 babel-loader babel-loader加载器插件包：https://webpack.js.org/loaders/babel-loader/#root 第一步：命令行安装包 npm install -D babel-loader @babel/core @babel/preset-env 第二步：webpack.co

如何解决IE不兼容ES6:使用Babel 引入browser-polyfill.min.js和browser.min.js

学习记录总结分享

02-07

4178

abel 默认只转换新的 JavaScript 句法，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁）的技术。例如：1.新的变量声明方式 let/const 2.箭头函数 3.模板字符串 4.函数默认参数 5.展开运算符等基础语法。

【React 全家桶】React 中的事件处理（包含高阶函数和柯里化的内容）

Dai的博客

01-15

291

【React 全家桶】React 中的事件处理

babel 解决浏览器兼容性问题

Yanfengting的博客

05-07

3356

这里遇到的问题是，本地的vue-cli3项目无法在ie和360浏览器运行 babel中文文档别的不管，这里我就想知道他是如何解决我这个问题，在浏览器显示我要的页面就ok 那么就看他如何配置 vue-cli官网关于浏览器兼容性的介绍你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范...

兼容低版本浏览器方法 Babel