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

发布于 2022-09-12 03:37:05 字数 1207 浏览 22 评论 0

首先来看问题:

<!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/))

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

很快妥协 2022-09-19 03:37:05

exlude zepto

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文