phoenixのjsライブラリ追加方法(brunchを利用) - YuukTsuchida's blog
nodeモジュールを追加してページ側のjsで利用する時にbrunchの使い方で詰まったので忘れないために ※ver1.2系で行った方法なのでver1.3だとまた少し違うかも 基本 nodeのモジュールをnpmで手に入れてweb/static/js/app.jsにimportを行いmix phoenix.digest をした時に該当のモジュールが利用できる様になる。 import "phoenix_html" # 最初からある import "モジュール名" importで該当のモジュールが利用できるのか確認したい場合priv/static/js/app.jsの中身を見てやる。 このファイルにはmix phoenix.digest実行をした時に該当のjsファイルをapp.jsに展開してくれるので文字列を検索してヒットすれば扱えるようになる。 ただ、jqueryをこの様にして利用しようとした時
GitHub - brunch/brunch: :fork_and_knife: Web applications made easy. Since 2011.
Create a new Brunch project: brunch new [--skeleton url] skeleton specifies a skeleton from which your application will be initialized. The default skeleton (dead-simple) doesn't have any opinions about frameworks or libraries. brunch.io/skeletons contains over 50 boilerplate projects, which you can use to init your app from. Develop with Brunch: brunch watch --server tells Brunch to watch your pr
Rails asset pipeline vs Phoenix and Brunch - Phoenix on Rails blog - Cloudless Studio
Both Rails and Phoenix can manage and deploy assets for you. But the approaches and solutions differ greatly. Development toolsAs a NPM based tool, Brunch recognizes that modern JS is not just jQuery and browser stuff but also a wide choice of development tools. It allows dev-only JavaScript dependencies, just like in mix.deps or Gemfile, so tools like ESLint are no longer second-class citizens. T
bower経由でインストールしたbootstrapをbrunchを用いて使えるようにする - Qiita
files: { javascripts: { joinTo: { 'js/app.js': /^(web\/static\/js)/, 'js/vendor.js': /^bower_components/ }, }, stylesheets: { joinTo: { 'css/app.css': /^(web\/static\/css)/, 'css/vendor.css': /^bower_components/ } }, templates: { joinTo: 'js/app.js' } }, これでbower_componentsにあるjs、cssを参照してvendor.js・vendor.cssに結合してくれるようになりました。 しかし、bootstrapの場合これでは動かない箇所があります。 何が動かないのか それはbootstrapのディレクトリ内にあるfontsにあたる
Grunt止めて、mincer止めて、Brunchに乗り換えた - Qiita
web開発にはフロントエンドのビルドツールが必要。 coffeeスクリプトや、scssなどのメタ言語を使いたいならもちろんビルドをしてjsやcssに変換しないといけないし、もし仮にそれを使わなかったとしても、jsやcssの圧縮をするべきなので、ビルドをするソリューションあるべき。 (どっちみちビルドという工程をやることになるなら、メタ言語というものは使った方が良い。とおもう) grunt、mincer、brunch を使ってみて、結局brunchにしたので比較したことをメモしておく。 http://gruntjs.com/ gruntは、けっこう名前をよく聞くビルドツール。 処理そのものはプラグインとして組み込んでおき、色々な処理たちをパイプライン的に順番に並べる設定ファイルを書く。 ファイル変更の監視や、開発webサーバをgruntタスクとして立ち上げることもできるので、rubyで言うと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using Bootstrap and Sass with Phoenix Framework and Brunch
