gulp打包完后如何定义增加一个id？

Question

使用 <!-- build:js --> 和 <!-- endbuild --> 打包js文件

代码片段：

gulp.task('concat-js', function () {
    var referenceJs = [config.root + '/js/*.js',config.root + '/js/services/*.js',config.root + '/views/**/*.js', '!'+ config.root +'/views/learning/learning.js'];
        
    return gulp.src(referenceJs)
        .pipe(concat('app.bundle.js'))
        .pipe(ngAnnotate())
        .pipe(setSystemConfig())
        .pipe(uglify())
        .pipe(rename("exe.bundle.min.js"))
        .pipe(gulp.dest(config.dist + '/js'));
});

打包后为 <script src="js/app.bundle.min.js"></script>
如何让它变成 <script id="my-app" src="js/app.bundle.min.js"></script>

Answer 1

题主缘木求鱼呀，你要修改 HTML 里的引用，这里是处理 JS 文件，怎么也做不到的。只能新增一个任务：

const replace = require('gulp-replace');

gulp.task('html', () => {
  gulp.src('index.html')
    .pipe(replace('src="js/app.bundle.min.js"', ' id="my-app" src="js/app.bundle.min.js"'))
    .pipe(gulp.dest(config.dist));
});