gulp-inject - 对缓慢的 gulp-inject 进行故障排除

Question

出于某种原因，gulp-inject 最近开始需要很长时间（3 分钟）。以前需要几秒钟。诊断此问题时，我不确定从哪里开始。这是我的输出：

[18:04:39] gulp-inject 1 files into index.html.
[18:04:39] gulp-inject 277 files into index.html.
[18:04:39] Finished 'inject' after 380 ms
[18:04:39] Starting 'html'...
[18:04:39] gulp-inject 1 files into index.html.
[18:07:40] 'dist/' styles/app-9bd553d2.css 284.75 kB
[18:07:40] 'dist/' styles/vendor-28fa652f.css 188.21 kB
[18:07:40] 'dist/' scripts/vendor-2308930e.js 1.93 MB
[18:07:40] 'dist/' scripts/app-efe218d1.js 368.71 kB
[18:07:40] 'dist/' index.html 769 B
[18:07:40] 'dist/' all files 2.77 MB
[18:07:40] Finished 'html' after 3.02 min

是否有我不知道的详细选项？任何帮助，将不胜感激。

Answer 1

可能不是gulp-inject哪个慢。它是 JS/CSS 的缩小，速度很慢。如果您在 gulp 构建文件中执行此类操作

.pipe(config.production ? $.uglify()  : $.util.noop())
.pipe(config.production ? $.csso()    : $.util.noop()
.pipe(config.production ? $.htmlmin() : $.util.noop())

（您可以在此处阅读如何config.production在脚本中使用此变量：https ://knpuniversity.com/screencast/gulp/minify-only-production ）

然后很可能它会显着加快您在非生产环境中的构建过程。