Slim で .js.slim なファイルに JavaScript を書く方法

結論

以下のような感じで書きます。ファイル名は例えば foobar.js.slim みたいな感じです。

| (function() {
|   console.log('Hello, World!');
|   console.log('Hello, foobar.js.slim!');
| }());

……きつい*1。小規模のアプリでちょこちょこっと使うぐらいなら大丈夫だと思いますが、スケールしていくと破綻すると思います。

どうするか

• .js.erb で書く
• .html.slim 内に javascript: の記法を用いて書く
• フレームワークを使う

あたりでしょうか*2。

*1:エディタのハイライトが効かないのが地味にきつい

*2:前者二つは根本的な解決に至ってない気もしますが……