Transpile ES6导入/导出,带巴别塔6和gulp
我想使用ES6导入/导出。我将Gulp3.9与babel.js 6结合使用。 我想将functions.js导入form.js。 我得到以下错误:Transpile ES6导入/导出,带巴别塔6和gulp,gulp,babeljs,es6-modules,Gulp,Babeljs,Es6 Modules,我想使用ES6导入/导出。我将Gulp3.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.nextSibli
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;
// Import functions.js
import helper from './functions.js';
form.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;
// Import functions.js
import helper from './functions.js';
我的吞咽任务:
// 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));
});
{
"presets": ["es2015"],
"compact": true
}
.babelrc:
// 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));
});
{
"presets": ["es2015"],
"compact": true
}
我认为babel.js可以传输js,我可以使用导入/导出。
现在,我是不是在读我需要用Babelify进行Browserify?!
这会取代我的“js宝贝”任务吗
我应该如何重建我的任务