1ページャのWebサイトがあります。多くのセクション(他のPHPファイル)を含むindex.php
で構成されています。各セクションには、JavaScriptファイルへのリンクが含まれています。Gulpを使用して単一ファイルを縮小してコンパイルします
質問:それはそれは単一縮小さJSファイル(https://www.npmjs.com/package/gulp-sass
のようなもの)への単一のリンクを持つことになり、単一縮小さPHPファイルを生成することができますか?
1ページャのWebサイトがあります。多くのセクション(他のPHPファイル)を含むindex.php
で構成されています。各セクションには、JavaScriptファイルへのリンクが含まれています。Gulpを使用して単一ファイルを縮小してコンパイルします
質問:それはそれは単一縮小さJSファイル(https://www.npmjs.com/package/gulp-sass
のようなもの)への単一のリンクを持つことになり、単一縮小さPHPファイルを生成することができますか?
私はこの問題を自分で解決することができました。私はこのようなlogic.js
にすべての* .jsファイル連結することができました連結で
:ちょうど2ツールを使用して所望の結果を達成することが可能である
gulp.task('scripts', function() {
return gulp.src('src/**/*.js')
.pipe(concat('logic.js'))
.pipe(uglify())
.pipe(gulp.dest('dist/js'));
});
ghfi私はすべてを含めることができた単一index.php
にPHPS、その後縮小化結果が含まれていました。
gulp.task('php', function() {
gulp.src('src/index.php')
.pipe(gulpHandlebarsFileInclude())
.pipe(htmlmin({
collapseWhitespace: true
}))
.pipe(gulp.dest('dist'));
});
は子供のPHPファイルを含める必要がありました。このように、親1をindside:
{{ fileInclude 'src/foo.php' }}
PS:私の質問を落とした人 - あなたは本当に素晴らしいです。
出荷時の設定ではありませんが、Jekyll、Harpなどの静的サイト生成ツールを使用できます。
これは、液体のようなもののためのPHPテンプレートを削除する必要があり、このようにJekyll CLIはインクルードと一般的なページ構造を解釈し、gulpタスクによって縮小可能なhtmlファイルを生成することができます。サイドノートでは
:あなたは、パフォーマンスを懸念している場合は、利得が証拠金であるとして、HTMLを縮小すると稀にサーバがgzip
が上有効になっている場合は特に、見られません。