Javascriptの複数のファイルを一つにまとめてみた

2023.08.15 09:00
2023.08.15 17:34
Javascriptの複数のファイルを一つにまとめてみた

Javascriptの複数ファイルをひとつにまとめてみました。イメージとしてはSCSSの@useのような感じです。どんなツールを使えばよいかとおもっていたら、ふつうにシェルスクリプトで出来ました。

まずは専用のディレクトリをつくって、そこに結合したいjsをまとめます(※このディレクトリにあるものは全部結合されるので、入れたくないものは別ディレクトリにします)。

そして以下のコマンドを実行するだけです。簡単でした。

cat src/js/*.js > dist/js/bundle.min.js

前半が結合前のファイルがあるディレクトリ指定で、後半が結合後のファイル指定です。
結合されるファイルの順番はファイル名の並びに準ずるようなので、並びを指定したい場合はファイル名の頭につければ良いと思います。
シンプル過ぎました。ちなみにこれはお察しのとおり、javascript以外でも使える方法でした。

今回は以上です!