CSS については、SASS を使用して 1 つの CSS ファイルを別の CSS ファイルにインポートし、単一の CSS ファイルのみを生成できます。Javascriptファイルの同様の方法は何ですか?
2 に答える
Closure Compiler (Google の製品)をチェックしてみてください。
おそらく、製品のClosure Compiler Applicationフォームが必要になるでしょう。
サンプル ワークフローは、おそらく次のようになります。
- JS ファイルとパスのリストを作成する
- コマンドを実行して、ファイルをコンパイルおよび連結します (
java --jar compiler.js --js path_to_file1.js --js path_to_file2.js (etc.) compiled.js
)
Closure Compiler には、スタイルシートに対して同じことを行う関連プロジェクトClosure Stylesheetsもあります。
もちろん、このアプローチは、コンパイル前のステップがあることを意味します。バックエンドによっては、ページの構築時にコンパイルを行うライブラリも存在します。たとえば、JSP の場合、ページのビルド時にコンパイルされた JS および CSS ファイルを作成するタグ ライブラリであるGranuleがあります。
3 つ目の可能性は、モジュール化です。SASSでCSSファイルをインポートできる例を挙げたので、JavaScriptの類似物は、CommonJS標準または(私が好むもの)AMD(非同期モジュール定義)パターンのいずれかを使用して、モジュールライブラリを使用しています。個人的にRequireJSを使用しています。RequireJS には、アプリケーションに必要なすべてのファイルをバンドル (縮小、圧縮、連結など) する優れた最適化ツールも付属しています。
アップデート
コメントでDjangoを使用していると述べたので(この情報で質問を更新するのにも役立つかもしれません)、この回答も役立つかどうかを確認してください
これを使用minify
すると、javascript ファイルを縮小して結合できます。CSSでも動作します。