私は常にリモートで開発を行っており、通常は 1 つの大きな main.css ファイルと main.js ファイルができあがります。彼がプロジェクトを大きくすればするほど、物事はごちゃごちゃになります。そのため、モジュール性を高めるために .css ファイルと .js ファイルを分割したいと考えていました。しかし、これらのさまざまなファイルをすべてロードして大量の http リクエストを処理したくはありません。また、Codekit のような優れたソフトウェアは、私のリモート開発ワークフローを考えると、実際には機能しません。
だから私はこの基本的なセットアップを思いついた：
<html>
<head>
<style>
<?php
$css = file_get_contents('css/a.css').
file_get_contents('css/b.css').
file_get_contents('css/c.css');
$css = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $css); // remove comments
$css = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $css); // remove tabs, spaces, newlines, etc.
echo $css;
?>
</style>
</head>
<body>
<p>Hello.</body>
<script>
<?php
$js = file_get_contents('js/a.js').
file_get_contents('js/b.js').
file_get_contents('js/c.js');
echo $js;
?>
</script>
</body>
</html>
このアプローチで私が気に入っているのは、ファイルのモジュール性、単一の http 要求 (html ファイル自体のみ)、およびすべてが自動的に行われ、ワークフローを混乱させることがないという事実です。
これについてどう思いますか？