解决前后端不分离时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>
发布了33 篇原创文章 · 获赞 9 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_22188085/article/details/103081189
今日推荐