Inject into .js file

I’m trying to inject a js dependency into a .js file, so I could lazy load that file later. In my Angular use case it looks like this:

// analytics-module.js that is later get concatinated to app.js
$ocLazyLoad.load({
    name: 'angles',
    files: ['<!-- inject:analytics:js --><!-- endinject -->']
}).then(function() {
    // Show analytics
});

Im trying to achive it with the following task:

// gulpfile.js
gulp.src('_public/js/app*.js')
.pipe(inject(gulp.src(["_public/js/vendor-analytics*.js"], { read: false }), {
    ignorePath: '/_public/',
    starttag: '<!-- inject:analytics:js -->',
    transform: function (filepath, file, i, length) {
        return filepath;
    }
}))
.pipe(gulp.dest("_public/"));

I’m getting the following output: gulp-inject 1 files into app.js., but in reality the placeholder for the file does not get changed to the filepath.

Does injection into .js files is supported? In there a way to debug it somehow?

[joakimbeng]

I’m afraid that’s not possible, see #59 .

In your case maybe this can work:

gulp.src('_public/js/app*.js')
.pipe(inject(gulp.src(["_public/js/vendor-analytics*.js"], { read: false }), {
    ignorePath: '/_public/',
    starttag: '/* inject:analytics */ files: [',
    endtag: ']',
    transform: function (filepath, file, i, length) {
        return '\'' + filepath + '\'' + (i + 1 < length ? ', ' : '');
    }
}))
.pipe(gulp.dest("_public/js"));

// and:

$ocLazyLoad.load({
    name: 'angles',
    /* inject:analytics */ files: []
})

Then your files will be injected into the files array, and even comma separate the files if there’s more than one file.

[dorjon]

Hello I am also facing issue but not similar I want to inject variable to JS file. so how can I achieve this.