支持promise以及箭头函数:
首先引入一下这两个文件
<script type="text/javascript" src="./babel/browser.min.js"></script>
<script type="text/javascript" src="./babel/polyfill.min.js"></script>
其次把需要转es6的文件引入一下
<script type="text/babel" src="./bb/index.js" charset="utf-8"></script>
(1)在这边会遇到一个问题,就是加上 type="text/babel"之后,index文件如果放在非本项目的目录下,就会报跨域问题,这个问题的解决方式:使用nginx转发一下
location / {
#root html/outer/;
if ($request_method = "OPTIONS" ) {
return 200 ;
}
add_header Access-Control-Allow-Methods * always;
add_header Access-Control-Max-Age 3600 ;
add_header Access-Control-Allow-Credentials true ;
add_header Access-Control-Allow-Origin "*" always ;
add_header Access-Control-Allow-Headers "*" always;
}
在就是放到本项目目录下引用就不会出现这个问题了
(2) 遇到的第二个问题:如果我们要调用index文件里面的方法,也需要在script里面写调用
<script type="text/babel" >
manual().then(res => {
console.log("manual"+res)
if(res&&res=="success") {
console.log("success");
} else {
console.log(res);
}
});
</script>
问题解决