Question

我想使用ES6导入/导出。我使用Gulp 3.9和babel.js 6。我想将functions.js导入form.js. 我收到以下错误：

ReferenceError: require is not defined

==我的设置==

functions.js

var helper = {
  insertAfter: function(el, elParent) {
    elParent.parentNode.insertBefore(el, elParent.nextSibling);
  },
  resetTextfield: function(el) {
    let reinitTextfield = new mdc.textField.MDCTextField(el);
    let label = el.firstElementChild.nextElementSibling;

    label.classList.remove('mdc-text-field__label--float-above');
    reinitTextfield.value = '';
  }
}

// Export
export default helper;

form.js

// Import functions.js
import helper from './functions.js';

我的Gulp任务：

// babel js task - transpile our Javascript into the build directory
gulp.task("js-babel", () => {
    $.fancyLog("-> Transpiling Javascript via Babel...");
    return gulp.src(pkg.globs.babelJs)
        .pipe($.plumber({errorHandler: onError}))
        .pipe($.newer({dest: pkg.paths.build.js}))
        .pipe($.babel())
        .pipe($.size({gzip: true, showFiles: true}))
        .pipe(gulp.dest(pkg.paths.build.js));
});

.babelrc：

{
  "presets": ["es2015"],
  "compact": true
}

我认为babel.js会转换JS，我可以使用导入/导出。现在，我读到我需要使用Babelify进行Browserify吗？这将取代我的＆＃34; js-babel＆＃34;任务？

我应该如何重建我的任务？

透明ES6导入/导出与babel 6和gulp

0 个答案: