In-depth bundle analysis and monitoringShip performant web applications with confidence every single time. Identify and fix bundle regressions before shipping to production.
Features add experiments.buildHttp to build http(s):// imports instead of keeping them external keeps a webpack.lock file with integrity and webpack.lock.data with cached content that should be committed Automatically upgrades lockfile during development when remote resources change (might be disabled with experiments.buildHttp.upgrade: false) Lockfile is frozen during production builds and usuall
Features Persist cache faster when large changes are detected new option cache.idleTimeoutAfterLargeChanges to control that Bugfixes shutdown lazy compilation server correctly Experiments EcmaScript modules support (experiments.outputModule: true) output.library.type: "module": very basic support, no live bindings, unnecessary runtime code output.chunkLoading: "import" output.chunkFormat: "module"
個人で開発しているサービスでフロントエンドのbuildにwebpackを利用しているのですが、4系から5系にアップデートしたので、そのあたりで対応したことをメモしておきます📝 利用していたwebpackのビルド構成 webpackアップデート時の対応事項メモ modeを明示的に指定するようにした デフォルトでinstallされなくなったNode.js系のpolyfilをinstallした [hash]ではなく[contenthash]を利用するようにした その他の対応事項 webpack-assets-manifestのデフォルトのファイルパスが変わる おわりに 利用していたwebpackのビルド構成 基本的には以下のようなライブラリを利用したBabel + TypeScript + Vueで、 mini-css-extract-pluginでcssを別ファイルで生成するようにして、we
Features add GC to memory cache opt-in via cache.maxGenerations when cache.type: "memory" default for cache.type: "filesystem" and mode: "development" configure via cache.maxMemoryGenerations when cache.type: "filesystem" Generations = Rebuilds add GC for untouched filesystem cache files allow to configurate GC for the filesystem cache via cache.maxAge allow to disable memory cache when using the
JSer.info #524 - webpack 5.17.0がリリースされました。 Release v5.17.0 · webpack/webpack webpack 5.17.0では experiments.lazyCompilation オプションが試験的に追加されています。 experiments.lazyCompilationは、webpack dev serverなどのローカルサーバと組み合わせて動作します。 experiments.lazyCompilationは、Dynamic Importしているモジュール(chunk)を起動時にはビルドせずに、そのモジュールがロードされた際にビルドする遅延コンパイルの仕組みです。 仕組み的には、初回のビルド時にDynamic Importしているモジュールは、lazyCompilationをするためのProxy的なモジュールとしてビルド
Features add experimental lazy compilation via experiments.lazyCompilation: true for web and node targets compiles entrypoints and import()s only when they are accessed More details see: #12469 Known issues: webpack-dev-server/webpack serve opening an entrypoint for the first time, sometimes need a manual refresh. move some javascript parsing related configuration options from module to module.par
It has been nearly 2 months since webpack 5 was officially released. Due to the sponsoring situation, we couldn't devote as much time to webpack as we would like to. Speaking only for myself (@sokra), I enjoyed the little break and have worked on a few side projects. Ironically, while I was using webpack 5 and all its bleeding-edge features (asset modules, worker support, persistent caching), I di
In this blog post I will show how to write a Webpack loader. We will load Markdown files, will find a JavaScript code block inside and will return it to be processed by the rest of the pipeline. Initial setup Markdown to HTML Import statements Per-import loader Our Markdown loader Bundling extracted JavaScript code Imagine we have a Markdown text file, and it has JavaScript code blocks like this:
webpackを ^4.44.0 -> ^5.0.4にマイグレーションしましたので、 その際の作業の覚書です。 migrationの仕方 https://webpack.js.org/migrate/5/ 基本的に上記の公式を読みつつ、エラーが出たらその都度エラー文を元に対応していく形で進めました。 元々のwebpackの設定にもよって対応も変わってくるかと思いますが、 主要な変更箇所と実際に私が変更した箇所を紹介しておきます。 loaderとuseの厳格化 【参考】 https://blog.hiroppy.me/entry/webpack5 rules.loaderとrules.useの使用ルールが厳格になったことで、 環境によってはエラーとなる可能性があります。 optionsを使用しない場合は use、 optionsを使用する場合はloaderとなるように設定を見直しましょう。
Webpack no longer automatically polyfills Node.js APIs. This is a huge breaking change and will inconvenience both users and package maintainers. Most packages on npm are mainly made with Node.js in mind. However, thanks to automatic polyfilling, most of them have for years worked fine in the browser too. The problem is that Webpack created convenience by automatically polyfilling and then now sud
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く