javascript - ES6 导入并要求无法与 gulp/browserify/babelify 正常工作

Question

我有一个简单的 Gulp 配置来使用 babel 转译我的 javascript :

gulp.task('js_dev', function () {
    var bundler = browserify({entries: ['js/index.js'], debug: true});
    bundler.external('jquery');
    return bundler
        .transform("babelify", {presets: ["es2015"]})
        .bundle()
        .on('error', function (err) {
            console.error(err);
            this.emit('end');
        })
        .pipe(source('dev.js'))
        .pipe(gulp.dest(jsdest));
});

有了这个，我可以导入我的开发文件。但我无法导入一些用 npm 安装的包(isotope、textfit、babel-polyfill...)。

例如，如果我在 index.js 文件中导入 babel-polyfill :

import "babel-polyfill";

gulp 没有错误，代码似乎被添加到 dev.js 中，但它不起作用，而且我也不能要求它:它给出了一个空对象。

其他 npm 模块(例如同位素)也是如此。当我require它们时，它只给出一个空对象。 Isotope 应该与 require 一起工作。

知道发生了什么吗？

谢谢。

Answer 1

好的，我找到了。我的 JavaScript 文件已添加到已使用 AMD/Require.js 的 CMS 中。这与 browserify 冲突。

解决方案was here .