Chrome拡張 ( Chrome Extension ) にて、大きくなったJSファイルを分割したいときがよくあります。
実は、JSファイルに、共通関数などを分割して保持するのはとても簡単です。
マニフェストにJSファイルを追加するだけなのですが、順番が重要です。
メインファイルは必ず最後に記述してください。前方より読み込まれます。
（逆に言うと、ライブラリ関係は前方に記述してくださいということですね）
具体的にはこんな感じです。
|
1 2 3 4 5 6 7 8 |
"content_scripts": [ { "matches": ["https://google.com/*"], "css": ["style.css"], "js": ["lib.js","main.js"], "all_frames": true } ] |
これで、main.jsから、lib.jsファイルのFunctinを使うことが出来ます。
のように、サイトによってJSを分けた場合など、共通部分を上記のように保持しておくとメンテナンス性、保守性が高まります。