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

问题描述

问 题

使用 <!-- 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>

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

题主缘木求鱼呀，你要修改 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));
});

这篇关于gulp打包完后如何定义增加一个id？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！