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

1:先下载babel模块

cnpm install babel-core@5

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

browser.jsbrowser-polyfill.js

2:在项目中安顺序引入

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



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

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


注意两点:

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


**正确写法**

先src属性引入另外一个有es6语法的文件,再type='text/babel'

你可能感兴趣的:(解决前后端不分离时IE浏览器对es6语法的兼容)