Introducing Turbopack: Rust-based successor to Webpack – Vercel
Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps. Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x fa
Webフロントエンド開発(2021)の見取り図をつくりたい
本業はiOS開発なのですが、6月頃から個人開発でWebフロントを触っています。 Webフロントに入門するときに、開発の前提知識・専門用語が多すぎて、脳が処理しきれない状態になりました。 これでも数年前のより混沌としてた時期よりは安定してきているように思うんですが、それでもやはりカオス感は否めませんでした。 Webフロントエンド開発の見取り図があればいいのにと思ったので、自分でちょっとつくってみようと思いました。 個別の技術要素の情報は豊富にある（ありすぎると言ってもいいかもしれません）んですが、全体像がよくわからないので、 たとえば「TypeScriptで開発した方がいいのか？」とか、「Babelとかwebpackってインストールしなきゃいけないの？」とか、 そういう素朴な疑問が学習進めて行っても、なかなか解消できなかったので、いい感じのざっくり感でまとめられたらと思います。 この記事で全
Webpacker 3.x -> 5.x-> jsbundling-rails - Qiita
はじめに ※この文章はベータ版です。 既存のプロジェクトで Rails5.2 + Webpacker 3.5.5 -> Rails6.1 + Webpacker5.2.1 -> Rails6.1 + jsbundling-rails (-> Rails7.0 + jsbundling-rails)したので、手順etc を メモしておきます。 (Rais6 -> Rails 7 する際には、Webpacker -> jsbundling-rails、 turbo-links -> turbo など、Rails7 からの正式採用なものの Rails6 でも動作する gem への移行、Rails6 では動作するものの Rails7 以降への対応が怪しい gem の Rails7対応済/対応中の gemへの移行、 例：Refile -> Shrine、をインクリメンタルに行なってから、 Rails
Rails & Webpacker環境でPostCSSを使う - Qiita
はじめに Rails & Webpackerの環境でPostCSSで書かれたCSSを取り込もうとした時に、そもそもPostCSSってRailsでどう扱うんだっけ？？となって少し詰まったのでその時の対応についてになります。 rails: 6.0.0 webpacker: 4.0.7 PostCSSって ぼちぼちPostCSSの勉強をやっちゃいますか から PostCSSはNode.js製のモジュールでCSSをコンパイルできるツールです。 そうなんです。LessやSassとは異なり、CSS拡張子をソースとして新しいCSSを生成してくれるんです。 またこちらの記事に詳しくまとめられています。ありがたい！ PostCSS まとめ - Qiita やりたいこと Webpackerで管理しているCSSをPostCSSで書いてコンパイルする 結論 先に結論から言うと、RailsでWebpackerをイン
webpacker3系からwebpacker4系へのアップグレードでハマったので手順とかMemo✍ - Madogiwa Blog
最近自分の個人サービスのRailsアプリケーションをWebpaker3系(3.5.5)から4系(4.0.7)にアップグレードしたのですが、割とハマったので手順をメモしておく✍ ちなみにVue.jsを使っている場合の手順になるので、ご注意ください⚠ とりあえず手順だけ package.jsonのwebpackerのバージョンを上げてyarn install bundle exec rails webpacker:install:vueを実行して関連ファイルを差し替える .babelrcは不要となったようなので削除する yarn add postcss-loader postcss-cssnextでCSS系のローダーをinstallする。でCSS系のローダーをinstallする。 bin/webpackで動作を確認して成功🎉 ちょっと各項目を詳しく package.jsonのwebpacke
Webpacker の概要 - Railsガイド
本ガイドではWebpackerのインストール方法と、Railsアプリケーションのクライアント側で用いるJavaScriptやCSSなどのアセットをWebpackerで利用する方法について解説します。ただしWebpackerの開発は終了した点にご注意ください。(訳注: 移行方法は末尾の参考資料をご参照ください) このガイドの内容: Webpackerとは何か、およびSprocketsと異なっている理由 Webpackerのインストール方法、および選択したフレームワークとの統合方法 JavaScriptアセットをWebpackerで管理する方法 CSSアセットをWebpackerで管理する方法 静的アセットをWebpackerで管理する方法 Webpackerを利用しているサイトのデプロイ方法 WebpackerをRailsエンジンやDockerコンテナなどの異なるコンテキストで利用する方法
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Turbopack
Kawamata Ryo on Twitter: "Viteと全然異なるアプローチ👀 開発サーバーでもESMではなく、バンドルするんだ。 ただ、そのバンドルをアクセスがあったファイル単位行う。必要なものだけ遅延でバンドルするために早いと。 バンドラーもesbuildを使わず自前で… https://t.co/d9UXZBO0T7"
https://twitter.com/__sakito__/status/1584963093268172800
池田 泰延 on Twitter: "Vercelがwebpackの後継を目指した「Turbopack」を発表。 ・webpackより17倍速い ・Viteより10倍速い ・Rust製 ・TypeScript, JSX, CSSもサポート ・webpackからのマイ… https://t.co/HpfBvZADmP"
Ruby on Rails 6にTailwindCSSを導入（Gemを使わず） - Qiita
GitHub - csstools/postcss-preset-env: Convert modern CSS into something browsers understand
webpacker/docs/v4-upgrade.md at 4-x-stable · rails/webpacker