JavaScriptランタイムのBun、インストール不要の実行ファイル生成が可能に。Webpackより200倍以上高速とするバンドラがβ版、Puppeteerにも対応
JavaScriptランタイムのBun、インストール不要の実行ファイル生成が可能に。Webpackより200倍以上高速とするバンドラがβ版、Puppeteerにも対応 サーバサイドで実行可能なJavaScriptランタイム「Bun」は、5月に登場したバージョン0.6で、Bunをインストールすることなく、配置することでアプリケーションを実行できる単独の実行ファイルを生成できる「bun build」機能が搭載されました。 同じくバージョン0.6で高速なバンドラ「Bun Bundler」もβ版となり、6月に登場したバージョン0.6.7ではDiscordのボットを操作するDiscord.jsやWebブラウザを操作するPuppeteerなどの動作も確認されています。 下記はBunの開発者であるJarred Summer氏のツイート。 Standalone executables are coming
新卒時代に作った資料を加筆。
Next.js 14.2正式リリース、webpack後継ビルドツールのTurbopackがリリース候補版に Vercelは同社が開発するWebアプリケーションフレームワークの最新版となる「Next.js 14.2」の正式リリースを発表しました。 Next.jsは、ReactをベースとしたオープンソースのWebアプリケーションフレームワークです。ルーティングやサーバサイドレンダリング（SSR）、静的サイト生成（SSG）など多数の機能を備えています。 Next.js 14.2では、webpack後継のRust製のビルドツール「Turbopack」がリリース候補に到達。ビルドの性能向上やキャッシュ、エラーメッセージの改善などが行われています。 Next.js 14.2 ◆ Turbopack (RC): 99.8% of tests passing for `next dev --turbo`
React + TypeScript + Webpack5なStorybookをバージョン7にアップグレードしてみた - Qiita
はじめに trocco® プロダクトチームではコンポーネントカタログとしてStorybookを使用しています。 デザイナーやエンジニアだけでなく、あらゆる職種の方がコンポーネントの仕様について理解し統一感を持ったUIを作るのにStorybookは欠かせません。 共通で使われるコンポーネントについては、.stories.mdx形式でコンポーネントのパターンを展開しつつ、ドキュメントで利用方法や注意点を補足しています。 今年の4月にStorybook7が発表され、このアップグレードによってWebpack4依存がなくなりいくつかのライブラリの脆弱性の解消もなされることになりました。 Storybook7における変更点 詳しくは公式の記事を参照していただくのが一番ですが、ViteサポートやUIの変更、Docs周りの自動生成など多数の機能が盛り込まれているようです。 本記事では、私たちのチームでSt
webpackやviteなどのバンドラーの仕組みを理解したいのですが、どこから手をつけていけばいいのでしょうか？ yosuke_furukawa:いくつかのステップに分かれると思うので、ステップを分けるところから理解を深めるといいんじゃないかなと思います。 * 参照先を見つける エントリーとなる最初のファイル（おそらく、bundlerのオプションで指定しているはず）から見ていき、参照先のファイルを見つけていきます。参照元から参照先のファイルを見つけて何が何に依存しているのか、というファイル間の結びつきを見つけます。木構造のようなグラフを作るようなイメージですね。 * 参照先を解決し、ファイルをまとめる 一個のファイルにするだけであれば、全ての参照先のファイルがわかっていれば、結合するファイルの全体が分かっているので、それをまとめるだけでいいです。まとめ方はものに寄りますが、webpackの
webpack v5で追加されたpersistent cachingでbuild結果をcacheして高速化するメモ - Madogiwa Blog
webpackのbuildのキャッシュ、checksumを保存して一致してたら実行しないといった仕組みを用意しないといけないのかなと思っていたのですが、webpack v5からはpersistent cachingの機能が追加されていて簡単にキャッシュして高速化できたのでメモ📝 ↓公式ドキュメントはこちら github.com webpack.js.org persistent cachingでbuild結果をcacheする やり方は簡単で以下のようにcacheの設定をしてあげるだけです。 type: "filesystem"を指定し、buildDependenciesのconfig: [__filename]を指定してあげることでファイルにcacheすることができるようになります。 ※デフォルトではnode_modules/.cache/webpackにcacheが保存されます。 pr
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
さよなら Webpack さん
Next.js 14.2正式リリース、webpack後継ビルドツールのTurbopackがリリース候補版に
webpackやviteなどのバンドラーの仕組みを理解したいのですが、どこから手をつけていけばいいのでしょうか？ | Mond - 知の交流コミュニティ