如何使用Browserify在Gulp 4中导入/导出模块？

编程问答 2022-06-11

问题描述

我正在尝试将一个功能导入另一个功能。当我启动js编译任务时，出现错误ParseError: 'import' and 'export' may appear only with 'sourceType: module' 我试图用browserify转换功能修复它。但这也没有用。它说.transform is not a function。所以我的问题是如何解决我的gulpfile与导入/导出功能一起使用？

const gulp = require('gulp');
const browserify = require('gulp-browserify');
const babelify = require('babelify');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();
const imagemin = require('gulp-imagemin');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const babel = require('gulp-babel');
const cleanCSS = require('gulp-clean-css');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const plumber = require('gulp-plumber');
const cache = require('gulp-cache');

const paths = {
    jsSrc: 'src/js/**/*.js',jsdist: 'dist/js'
};

function sync() {
    return browserSync.init({
        proxy: 'localhost:8888/cspec'
    });
}

function js(){
    return gulp.src(paths.jsSrc)
    .pipe(browserify())
    .pipe(babel({
        presets: ['@babel/preset-env']
    }))
    .pipe(uglify())
    .pipe(concat('main.min.js'))
    .pipe(gulp.dest(paths.jsdist))
    .pipe(browserSync.reload({
        stream: true
    }));
}

function watchFiles() {
    gulp.watch(paths.jsSrc,js);
    gulp.src('dist/js/main.min.js')
}

gulp.task('sync',sync);
gulp.task('js',js);
gulp.task('images',images);

gulp.task('default',gulp.parallel(js,images));
gulp.task('watchFiles',gulp.parallel(watchFiles,sync));

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babeljsgulpgulp-watchjavascript