Gulp 吞咽注射位置
如果我想在不同的位置插入Js文件,例如Gulp 吞咽注射位置,gulp,gulp-inject,Gulp,Gulp Inject,如果我想在不同的位置插入Js文件,例如此处和此处。我需要为注射设置如下所述的名称: 还有更好的办法吗。例如,添加s.th。在javascript文件中,或将其命名为orderModule.over.js、googleAnalytics.down.js gulp.src(globs[,options])-发出与提供的glob或glob数组匹配的文件 因此,您可以自由定义如何区分“重要”文件和其他文件 .pipe(inject(gulp.src('*_important.js'))) .pipe(
此处
和此处
。我需要为注射设置如下所述的名称:
还有更好的办法吗。例如,添加s.th。在javascript文件中,或将其命名为orderModule.over.js、googleAnalytics.down.js
gulp.src(globs[,options])
-发出与提供的glob或glob数组匹配的文件
因此,您可以自由定义如何区分“重要”文件和其他文件
.pipe(inject(gulp.src('*_important.js')))
.pipe(inject(gulp.src('*.head.js')))
然后在第二个gulp.src
调用中提供此模式的否定
.pipe(inject(gulp.src(['*.js', '!*_important.js'])))
.pipe(inject(gulp.src(['*.js', '!*.head.js'])))
指数
.pipe(inject(gulp.src('*_important.js')))
.pipe(inject(gulp.src('*.head.js')))
.pipe(inject(gulp.src(['*.js', '!*_important.js'])))
.pipe(inject(gulp.src(['*.js', '!*.head.js'])))
gulp.task('dev', function () {
var target = gulp.src('./index.html');
return target
.pipe(inject(gulp.src('_MAIN_CSS_FILES_', {read: false})))
.pipe(inject(gulp.src('_BOWER_CSS_FILES_', {read: false}), {name: 'bower'}))
.pipe(inject(gulp.src('_MAIN_JS_FILES_', {read: false})))
.pipe(inject(gulp.src('_BOWER_JS_FILES_', {read: false}), {name: 'bower'}))
.pipe(gulp.dest("./dest/"));
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index</title>
<!-- inject:css -->
<!-- built css files will go here... -->
<!-- endinject -->
<!-- bower:css -->
<!-- bower installed css files will go here... -->
<!-- endinject -->
</head>
<body>
<!-- bower:js -->
<!-- bower installed js files will go here... -->
<!-- endinject -->
<!-- inject:js -->
<!-- built js files will go here... -->
<!-- endinject -->
</body>
</html>