Rails + React + ES6 のためのアセット環境構築 - 破いて捨てたノート
結論 Sprocketsの動作を維持しつつ、npmやgulpなどのモダンなパワーも取り入れた、いいとこどりな環境を構築してみた。 やりたいこと SEOのため、Reactでserver-side renderingをしたい JSコードをES6で記述したい 既存のCoffeeScriptのコードも共存させたい（後ほど書き換える予定） npmやgulpといったモダンな環境でアセット管理をしたい browserifyを使いたい Sprocketsが実現している機能は維持したい そもそもSprocketsは何をしているか 周知のことでしょうが念のためおさらい。 ファイル毎の依存関係の管理 application.jsなどのマニュフェストファイルがやってること altJSのコンパイル アセットのminify アセットの連結 アセットファイル名にMD5フィンガープリントを挿入 Sprocketsの問題点
Rails4で、IEのみ特定のjsとCSSを読み込ませる。 - Qiita
Rails2以降触ってなかったので久しぶりにRails4を使ってみたらハマりました。 2014/05/25 更新: コメントで教えて頂いた本来の正しい使い方を行うように内容を更新しました。 Assetsという仕組みが導入されてた。 Rails3辺りから、Assetsという仕組みが導入されたようです。 これは、jsやCSS(Scss)等を自動的にコンパイルや圧縮して一つのファイルとして参照できるようにしてしまおう！というものみたいです。 非常に便利なのですが、困ったことにapp/assets配下にあるファイル全てを問答無用で対象としてしまうらしく、 それらが結果的に一つのjsやCSSになってしまう為、例えばHTML上に のような条件付きコメントを使って「IE8以下でのみ読み込ませたいCSSやjs類」等があった場合に どうして良いのか分からずハマってしまいました。 解決方法 正しいやり方を @
Rails3.1から導入されたAsset Pipelineがよくわかってなかったから調べた - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年10月29日19:27 Ruby Rails3.1から導入されたAsset Pipelineがよくわかってなかったから調べた Asset PipelineというのはRails3.1から追加された機能で、以下のような特徴を備えています。なかなか便利そうなやつです〜。 ・cssやjsは各々一つのファイルにまとめられる（ブラウザのリクエスト回数を減らせる） ・それらのファイルは自動で圧縮／難読化される（ファイルサイズを減らして負荷軽減） ・ついでに、SassやCoffeeScriptを使ってcssやjsを記述することが可能になっている ではどういった仕組みなのか見てみましょう。 例えばRails3.2.3で新しいアプリを作成したとします。このとき、Gemfileにはデフォルトでjquery-railsが指定されています。そしてapp/assets/javascripts/applica
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
