用Gulp,Babel和Brwoserify编译JS

时间:2019-01-09 14:52:02

标签: gulp browserify babel

因此,我尝试遵循一个在js文件中包含以下行的示例:

import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

由于客户端无法使用import关键字,因此无法在客户端在线阅读。我需要像通天塔一样的东西。所以我的gulp文件看起来像这样:

gulp.task('default', () =>
    gulp.src('src/admin/js/*.jsx')
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(gulp.dest('wwwroot/js/admin/'))
);

当我运行它时,我得到以下行:

var _ckeditor5BuildClassic = _interopRequireDefault(require("@ckeditor/ckeditor5-build-classic"));

这使我和require关键字回到同一位置。我读到我需要然后浏览该文件?那是对的吗?我尝试将gulp文件修改为:

gulp.task('default', () =>
    gulp.src('src/admin/js/*.jsx')
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(browserify({
            insertGlobals: true
        }))
        .pipe(gulp.dest('wwwroot/js/admin/'))
);

但是,这将引发错误。我将包括我的堆栈,但我认为我在这里做了其他非常错误的事情。任何帮助解决问题的方法或对如何工作的理解都将有所帮助!谢谢。

0 个答案:

没有答案