JSer.info #372 - webpack 4が正式リリースされました。

ビルドパフォーマンスの改善、modeオプションの追加、CommonsChunkPluginを廃止し代わりにoptimizeオプションの追加、.wasm、.mjsなどをEntry Pointとしてサポートなどが行われています。

新しいプラグインシステムが導入され、plugin/loader周りに破壊的な変更が行われています。
まだ、いくつかのplugin/loaderは4.xには対応していないものもあります。

plugin/loader作者向けのマイグレーションガイドは次の記事で公開されています。

webpack 4: migration guide for plugins/loaders – webpack – Medium

Maybe you don't need Rust and WASM to speed up your JSという記事では、@mralephさんがプロファイルを取りながらパフォーマンス改善を行うことについてをmozilla/source-mapを例に解説しています。

最近、mozilla/source-mapは作者である@fitzgenさんによってWebAssembly + Rustに書き換えられパフォーマンスが改善されました。これについては次の記事で解説されています。

Oxidizing Source Maps with Rust and WebAssembly – Mozilla Hacks – the Web developer blog

しかし@mralephさんは、元となったJavaScript版での改善の余地について分析し、JavaScript版を元に改善のアプローチを3つのグループに分けて解説しています。
この記事ではd8(V8)やperfを使ったプロファイルを取りながら、言語やV8の実装など深いところまで見ていく形になっています。

また、この記事に対して@fitzgenさんがSpeed Without Wizardryというレスポンス記事を書いているので併せて読むと良さそうです。

KeyboardEvent.keyCodeとは何か - WebStudioという記事ではKeyboardEvent.keyCodeの歴史や問題点について書かれています。

KeyboardEvent.keyCodeはブラウザやOS間で互換性の問題があり、また標準仕様がない問題について書かれています。
keyCodeの代わりにKeyboardEvent.keyやKeyboardEvent.codeなど仕様化されたものがあります。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

jest/CHANGELOG.md at v22.4.0 · facebook/jest

github.com/facebook/jest/blob/v22.4.0/CHANGELOG.md

JavaScript testing library ReleaseNote

Jest 22.4.0リリース。

nohoist in Workspaces | Yarn Blog

yarnpkg.com/blog/2018/02/15/nohoist/

yarn

yarn workspaceのnohoistオプションについての解説

Release v1.1.0 · GoogleChrome/puppeteer

github.com/GoogleChrome/puppeteer/releases/tag/v1.1.0

Chrome library ReleaseNote

puppeteer 1.1.0リリース。
Chromium 66.0.3348.0に更新、BrowserFetcher、page.waitForXPathのサポート。
frame周りのイベントサポートの追加など

Release electron v2.0.0-beta.1 · electron/electron

github.com/electron/electron/releases/tag/v2.0.0-beta.1

Electron ReleaseNote

Electron v2.0.0-beta.1リリース。
Chrome 61.0.3163.10、Node 8.9.3に更新。
非推奨のAPIの削除、window.loadFileのサポート、Macでin-app purchaseのサポートなど

Node v9.6.0 (Current) | Node.js

nodejs.org/en/blog/release/v9.6.0/

node.js ReleaseNote

Node v9.6.0リリース。
asyncResource.emit{Before,After}が非推奨となりasyncResource.runInAsyncScopeを代わりに追加。
Dynamic Importのサポート、vmモジュールがES Moduleをサポート、

Release [email protected] · almin/almin

github.com/almin/almin/releases/tag/almin%400.16.0

almin ReleaseNote

almin 0.16.0リリース。
Contextのdispatcherがオプショナルな引数に変更、almin-react-containerのバグ修正など

🎼webpack 4: released today!!✨ – webpack – Medium

medium.com/webpack/webpack-4-released-today-6cdb994702d4

webpack ReleaseNote opinion

webpack 4リリース。
ビルドパフォーマンスの改善、modeオプションの追加、CommonsChunkPluginの代わりにoptimizeオプションの追加、.wasm、.mjsのサポートなど。
新しいプラグインシステムが導入され、plugin/loader周りに破壊的な変更が行われている。

Release v5.7.0 · npm/npm

github.com/npm/npm/releases/tag/v5.7.0

npm ReleaseNote

npm 5.7プレリリース。
package-lockのgit merge conflictを解決するnpm-merge-driverの公開、
常にlock-fileのみを参照するnpm ciコマンドの追加など。
5.7.0にはsudo利用時に問題があるため、5.7.1がリリースされている。