将Rollup.js集成到Gulp.js

时间:2019-07-18 16:52:15

标签: javascript gulp rollup

在gulp构建脚本中,我有类似波纹管的东西。它将所有jsts合并到一个捆绑文件中。

gulp.task('pack-typescript', function () {
    return gulp.src([
        'src/main/frontend/js/**/*.ts',
        'src/main/frontend/js/**/*.js',
    ])
        .pipe(sourceMaps.init())
        .pipe(typescript({
            outFile: 'bundle.js',
            allowJs: true,
        }))
        .pipe(gulp.dest('dist/static/'))
        .pipe(gulp.dest('target/classes/static'))
        .pipe(browserSync.stream());
});

我现在正在尝试Rollup.js,并按照example on their site进行以下配置文件中的所有设置。

gulp.task('pack-typescript', function () {
    return rollup.rollup({
        input: 'src/main/frontend/js/index.ts',
        external: ['vue'],
        plugins: [
            rollupTypescript()
        ]
    }).then(function (bundle) {
        return bundle.write({
            file: './dist/static/bundle.js',
            format: 'umd',
            sourcemap: true,
            globals: {
                'vue': 'Vue'
            }
        })
    }).then(function () {
        gulp.src('./dist/static/bundle.js')
            .pipe(gulp.dest('target/classes/static'));
        browserSync.stream()
    });
});

browserSync.stream()无法正常工作。
另外,我读取已在内存中的文件的方式似乎不太好。
在Gulp中执行此操作的正确方法是什么?

0 个答案:

没有答案