使用Gulp缩小和编译单个文件

Question

有一个1-pager网站。它由index.php组成，其中包括许多部分（其他PHP文件）。本节中的每个部分都包含指向JavaScript文件的链接。

---

问题：是否可以生成单个缩小的PHP文件，该文件将具有单个链接到一个缩小的JS文件（类似于https://www.npmjs.com/package/gulp-sass）？

Answer 1

不限制，但是您可以使用静态站点生成器，例如jekyll，harp。

这可能需要丢弃诸如液体之类的东西的php模板，这样，杰基尔·克利（Jekyll CLI）可以解释您的包含和一般页面结构并生成可以通过Gulp Task Min的预处理HTML文件。

jekyll

harpjs

gulp-htmlmin

在旁注：如果您担心性能，则很少将html视为增益是可划定的，尤其是当您的服务器启用了gzip时。

Answer 2

我自己设法解决了这个问题。只需2个工具即可实现所需的结果：

• Gulp Concat
• GULP手柄栏包括

使用 concat 我能够将所有 *.js文件串联到logic.js中：

gulp.task('scripts', function () {
    return gulp.src('src/**/*.js')
        .pipe(concat('logic.js'))
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

使用 ghfi 我能够包括所有包含的phps，然后 minify 将结果纳入单个index.php：

gulp.task('php', function () {
    gulp.src('src/index.php')
        .pipe(gulpHandlebarsFileInclude())
        .pipe(htmlmin({
            collapseWhitespace: true
        }))
        .pipe(gulp.dest('dist'));
});

在这样

{{ fileInclude 'src/foo.php' }}

ps：降低我的问题的人 - 您确实是 Amazing 。