3

我对 gulp 真的很陌生,我正在努力制作一个看起来相当简单但我无法破解的构建过程。

我想要实现的是我所有的 js 和 css 文件被捆绑并被命名为all_*.min.js where *当前时间戳并删除旧all_*.min.js包。

我的另一个挑战是,当 bundle 的一个文件在没有监视的情况下被更改时,如何检测 bundle 的变化。简而言之,这就是我想要实现的目标。任何建议都会有很大帮助。

提前致谢。

gulp.task('scripts', function () {
gulp.src(['js/*.js']) // folder of individual js files
.pipe(changed('build/js/')) // build folder for all the bundles
.pipe(ngAnnotate())  // get only those files which are changed
.pipe(deletefile({ reg: '*.min.js', deleteMatch: false })) // delete old bundles which contains changes
.pipe(concat('scripts.js')) // concatnate files to form new bundle
.pipe(uglify()) // uglify it
.pipe(rename({ suffix: (new Date()).getTime() + '.min'})) // do versioning 
.pipe(gulp.dest('build/js/')); // place it in final build folder
});
4

0 回答 0