2017-09-01 6 views
-1

1ページャのWebサイトがあります。多くのセクション(他のPHPファイル)を含むindex.phpで構成されています。各セクションには、JavaScriptファイルへのリンクが含まれています。Gulpを使用して単一ファイルを縮小してコンパイルします


質問:それはそれは単一縮小さJSファイル(https://www.npmjs.com/package/gulp-sassのようなもの)への単一のリンクを持つことになり、単一縮小さPHPファイルを生成することができますか?

答えて

1

私はこの問題を自分で解決することができました。私はこのような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:私の質問を落とした人 - あなたは本当に素晴らしいです。

1

出荷時の設定ではありませんが、Jekyll、Harpなどの静的サイト生成ツールを使用できます。

これは、液体のようなもののためのPHPテンプレートを削除する必要があり、このようにJekyll CLIはインクルードと一般的なページ構造を解釈し、gulpタスクによって縮小可能なhtmlファイルを生成することができます。サイドノートでは

Jekyll

Harpjs

gulp-htmlmin

:あなたは、パフォーマンスを懸念している場合は、利得が証拠金であるとして、HTMLを縮小すると稀にサーバがgzipが上有効になっている場合は特に、見られません。

関連する問題