How we switched from Sprockets to Webpack - rossta.net
Lessons learned adopting the Webpacker gem in an existing Rails app In case you missed the news, Rails is loving JavaScript and Rails 5.1 ships with the option to compile JavaScript with webpack via the Webpacker gem. This is a big change after years of the Rails asset pipeline running on Sprockets. My team at LearnZillion recently decided to embrace this change and make the switch to webpack with
Webpacker + Vue + Vuex + ActionCable で動作するサンプルを作った話 - Qiita
はじめに Qiita では初めまして、主に ProjectHL2 という名義で活動している何でも屋のおじさんです。 小さなソフトウェア開発会社でエンジニアをやっており、主に Ruby on Rails を用いた業務システム開発を行っておりました。 最近は会社にも後輩のエンジニアが増え、フロントやモバイルの開発もバンバン行うようになり、こうした技術についてもっと世のエンジニアの皆さんとも共有して行きたい（ついでに仕事も欲しい）と思い記事を書いていく事にしました。 今後ともよろしくお願いします。 動機 元々 React + Redux はたまたま実案件でご一緒させて頂いたエンジニアさんと「全然分からないんですか！僕もです、やりましょう！」といった流れで勉強しました。意味不明ですが、人生とはそういうものだと思います。 ともあれ Vue + Vuex でも同じような事ができそうだったので、後輩エン
Webpackerへの移行を機にフロントエンド開発を改善 - メドピア開発者ブログ
こんにちは。メドピアでエンジニアをしている村上(pipopotamasu · GitHub)です。 普段はRailsを触っていますが、時々フロントエンド周りの開発もしています。 今回はメドピアの環境におけるWebpacker導入とフロントエンド周りの改善をテーマに記事を書きます。 目次 なぜWebpacker(Webpack)を導入するのか? フロントエンド改善計画 Webpackerの導入で気をつけたこと github.com なぜWebpacker(Webpack)を導入するのか? Webpackerを導入する背景として、主に2つの課題がありました。 JavaScriptのビルド時間が長い パッケージのバージョン管理ができない JavaScriptのビルド時間が長い 元々メドピアのフロントエンド開発においてBrowserifyというbundlerを使用していました。 しかし、これにはビ
sourcemap を無効化して webpacker の production build を 2000% 速くする - Qiita
TL;DR プロダクションで sourcemap が有効化されていたので、関連オプションを切って回ったら 2000% 高速化した。 問題 NODE_ENV=production bundle exec rake webpacker:compile が致命的に遅かった。 エントリーポイントが17個でビルド時間が合計680s という有様で、プロダクションとはいえ デプロイ を11分遅くさせるのは、ビジネス的に致命的な感じだった。 調査 さしあたり、いつもの経験則で uglify の mangle オプションが遅いんだろう、と思って、webpacker のソースの設定を見に行ったら、うん？？？？となる設定をみつけた。 this.plugins.set('UglifyJs', new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compre
Capybara and webpacker problem · Issue #301 · rails/webpacker
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
Webpacker 3.0: No separate process needed, less config generated
Webpacker 3.0: No separate process needed, less config generated We’ve just made it even easier to use Webpack with Rails with this third major release of Webpacker. The two big changes are that a separate process is no longer needed in development and that the vast majority of the config now lives in the Webpacker npm package, so your config/ directory stays clean and updates are much easier. We
Webpacker is installed 🎉 🍰 - 弥生開発者ブログ
こんにちは、@mugi_uno です。 庭に花壇を作ったところ変に日焼けをしてしまい、半袖で外に出るのが恥ずかしいです。 つい最近、Misocaのフロントエンド周りのビルドをWebpackerを利用したものに置き換えました。 様々な知見が得られたので書いてみたいと思います。 Webpacker? フロントエンド用のビルドツールであるwebpackをRailsから簡単に使えるようにするためのRubyGemsです。 github.com Rails5.1からはこのWebpacker経由で、rails new の際に同時にwebpack用の設定ファイルを生成することもできます。 流行りのフロントエンド環境を構築しようとする際、最近ではwebpackを利用するケースが多いですが、実際にはES6やReactなどが混ざることも多く、慣れていないと設定するだけでもなかなか敷居が高いです。 さらに、Rai
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドエンジニアのための webpacker - Qiita
Webpacker 3.0.0 · rails/webpacker@7cc9040
webpacker/CHANGELOG.md at master · rails/webpacker
Cannot import node_modules with ~ or ~@ [User iView] · Issue #461 · rails/webpacker![Cannot import node_modules with ~ or ~@ [User iView] · Issue #461 · rails/webpacker](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8234ec26eb0cf2bf431b05d8bee2c3c80082890/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F0f92b2ae77e9773d2e398524644bfbd66c8f01d1ca224bc913e02a0fe5c5a558%2Frails%2Fwebpacker%2Fissues%2F461)
Medium
Making Webpacker run on Cloud 9 · Issue #176 · rails/webpacker
Comparing 3c488f9f4022735a37093a1c1718eb9a7d720102...17f70fe3002e1c1a8676f510e227211512909784 · rails/webpacker