在gulp构建脚本中,我有类似波纹管的东西。它将所有js
和ts
合并到一个捆绑文件中。
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中执行此操作的正确方法是什么?