解决前后端不分离时IE浏览器对es6语法的兼容

1:先下载babel模块

cnpm install babel-core@5

下载完成后在路径:node_modules\babel-core下找到两个文件

browser.jsbrowser-polyfill.js

2:在项目中安顺序引入

并在项目中安顺序引入,如下:

<script src="../utils/browser.js" type="text/javascript"></script>
<script src="../utils/browser-polyfill.js" type="text/javascript"></script>

3:引入一个有es6语法的文件

在script标签上添加 **type=“text/babel”**属性,注意src属性在type属性之前:如下

<script src="../js/user/user.js" type="text/babel"></script>

注意两点:

  1. src属性在type之前,我有遇到把type放src之前时浏览器不再解析这个标签里面的代码。
  2. 不要直接在script标签中写es6代码,要通过src属性引入另外一个文件,原因可能是浏览器遇到type:babel时不再解析:如下这样写时不会解析
**错误写法**

<script type="text/babel">
		[1,2,3,4,5].map(_=>{
			console.log(_);
		})
	</script>
**正确写法**

先src属性引入另外一个有es6语法的文件,再type='text/babel'
<script src="../js/user/user.js" type="text/babel"></script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值