Gulp 将 css 和 javascript 注入 jsp 文件不起作用



在Gulp build .tmp进程中所有js &CSS文件被注入到临时的JSP文件中,但是当dist进程启动时,js &CSS文件生成,但不注入到dist JSP文件。

在相同的情况下,使用html构建,file gulp工作正常。

是否可以对JSP文件使用gulp-inject来注入javascript &CSS文件吗?以及如何?

我设法修复了。jsp文件的Gulp构建过程,实现了简单的Gulp html构建任务,初始jsp视图被称为Test.jsp.html,然后在最后一个管道中,当所有javascript和css已经注入到Test.jsp.html中,然后只是将其重命名为Test.jsp.

我想你不需要任何技巧来解决这个问题:

gulp.task('src-home-page', function(){
var resourcesToInject =  gulp.src(
    [sourcePaths.build + 'vendor/**/*.js'
        ,sourcePaths.build + 'home/**/*.js'],
    {read: false});
return gulp
    .src(youFilePath + '/file.jsp')
    .pipe($.inject(
      resourcesToInject,{
            transform: transoformResourceInclude
        }
      )
    )
    .pipe(gulp.dest('./src/main/webapp/WEB-INF/views/'));
});
function transoformResourceInclude(filePath){

var path = filePath.split('/').filter(function(slicePath){
    return slicePath != '' &&
        slicePath != 'src' && slicePath != 'main'
        && slicePath != 'webapp';
});
return  '<script src="<c:url value="/'+ path.join('/') +'" />"></script>';
}

最新更新