gulp-babel 编译Zepto.js 编译的结果有问题

风云小小生
  • 15

首先来看问题:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
</body>
这个是用gulp-babel构建出来的zepto.js,没有其他任何代码
<script src="js/main.min.js?v=1594195487763"></script>

</html>

其中上面main.min.js是用gulp-babel构建出来的zepto.js,没有其他任何代码

上面的界面打开时会报错:
image.png

打开错误可以看见代码报错的位置:
image.png

同样是上面的界面,直接引用zepto.js,不会报错

将zepto源码修改一下,将标红部分的this改成window, 同样也能解决问题:
image.png
但是也是一脸懵逼!!!


报错与报错唯一的区别就是我用gulp-babel将zepto.js构建了一下,

gulp代码如下:


function gulp_js() {
    return gulp.src('src/js/zepto.js')
        .pipe(babel())
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('dist/js'))
        .pipe(notify({
            message: '构建完成'
        }));
}

版本如下:


gulp-babel: "^8.0.0"
zepto.js: v1.2.0([zepto.js](https://www.html.cn/doc/zeptojs_api/))

不知哪位大佬知道这是为啥?

回复
阅读 817
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏