1:先下载babel模块
cnpm install babel-core@5
下载完成后在路径:node_modules\babel-core下找到两个文件
browser.js和browser-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>
注意两点:
- src属性在type之前,我有遇到把type放src之前时浏览器不再解析这个标签里面的代码。
- 不要直接在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>