Inlining JS ind EJS file after bundling with gulp

I am trying to get the output of a gulp-browserify combo as inline JS in a EJS template. The output needs to be a html file with inline JavaScript for reasons beyond my control. I know browserify returns a stream so I tried playing around with the 'data' event but I cannot get the script tag filled with the actual code from the js file.

Index.ejs

<html>
<script><%= cscript %></script>
</html>

Index.js

console.log('this is a test');

Gulpfile

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

gulp.task('build:creative', () => {
    const js = browserify({
        entries: './src/creatives/index.js'
    }).transform('babelify').bundle()
        .on('data', (file) => {
                const jsText = file.toString();
            gulp.src('./src/creatives/index.ejs')
                .pipe(ejs({
                    cscript: jsText
                }))
                .pipe(gulp.dest('dist/creatives'));
        });
});

Expected output:

<html>
    <script>console.log('this is a test');</script>
</html>

Actual output: Total Gibberish.

Does anybody have experience with this?