htmlにあるフォルダ以下にある全てのJSをロードする方法

Question

私はjs,cssの初見のライブラリの動作確認を行うときに,htmlを作って,scriptタグをかいてWeb-Serverを起動し,思い通りに動作しないところはbrowserのデバッグツールのコンソールでJSの実行確認を行っているのですが,一回一回ファイル名を指定するのが面倒なのでフォルダ以下の全てのjsを（下位層のフォルダ内も再帰的に）htmlにロードさせたいと思っています。

そこでタイトルにあるような動作を実現したいのですが,どのような方法が考えられるでしょうか？テンプレートエンジンなどを使う方法でもいいですが,なるべくプロジェクトを展開しないような手軽なものがいいです。良いやり方を知っている方がいらっしゃればご教示いただきたいと思っています。よろしくお願い致します。

Comments

[tkturbo]

気持ちはわからんでもないですが、それやったら見えちゃいけないファイルまで見えちゃうんでセキュリティ上よろしくないのでは。。。

[退会済みユーザー]

もちろんローカル環境でやるってことです。
最悪railsやpythonのテンプレートエンジン使ってファイルパス取得したものを埋め込めばいいのですがメインマシンにその環境を作ってない(仮想マシン開発をしている)ので手軽なのないかなって感じです。

Answer 1

Gulp を使って concat すると言う方法とかはどうでしょう。

下記など参考になりそうです。
http://qiita.com/bps/items/a8dac15c764d9dfca354

Comments

[退会済みユーザー]

確かにgrunt使うという手はありますね。ありがとうございます！
今jinja2で書いてうまくいってしまったのですが,gruntの方が楽だったらそちらを採用したいと思います。

[退会済みユーザー]

いろいろ調べればgruntとgulpの比較記事など出ててくると思いますが、
今は Grunt よりも Gulp の方が主流だと思いますよ

[退会済みユーザー]

そうなんですね。gulpは使ったことないので色々調べてみます！

Answer 2

どの言語でもいいので,ファイルパスのリストを取得し,どのテンプレートエンジンでもいいので

<script type="text/javascript" src="{{js_path[index]}}"></script>

となるように埋め込んで作るという方法で簡単にできました。
pythonであればos,jinja2,reモジュールでフィルターかけて出力もできます。