やっとここに来ました。そしてそれは美しいです。

webpack 3:公式リリース!!

スコープホイスト、「魔法のコメント」など!

webpack v2をリリースした後、コミュニティにいくつかの約束をしました。あなたが投票した機能を提供することを約束しました。さらに、より速く、より安定したリリースサイクルでそれらを提供することを約束しました。

1年間のベータ版もリリース候補者の間でも重大な変更はありません。私たちは、webpackを成功させるコミュニティであるあなたによってあなたが正しく行うことを約束しました。

webpackチームは本日、webpack 3.0.0をリリースしたことをお知らせします!!!今すぐダウンロードまたはアップグレードできます!!

npm install webpack@3.0.0 --save-dev

またはと

yarn add webpack@3.0.0 --dev

webpack 2から3に移行するには、ターミナルでアップグレードコマンドを実行する以外の努力は必要ありません。一部のプラグインに影響を与える可能性のある内部の重大な変更のため、これをメジャー変更としてマークしました。

これまでのところ、98%のユーザーが機能を破壊することなくアップグレードしています。!!!

新着情報?

前述のとおり、私たちはあなたが投票した機能を提供することを目指しました!圧倒的なGitHubの貢献、支援者やスポンサーからのサポートにより、私たちはそれぞれに貢献することができました。

スコープホイスト

スコープホイストはwebpack 3の主力機能です。バンドル時のwebpackのトレードオフの1つは、バンドル内の各モジュールが個別の関数クロージャーでラップされることでした。これらのラッパー関数により、JavaScriptがブラウザーで実行されるのが遅くなりました。これに対して、Closure CompilerやRollupJSなどのツールは、すべてのモジュールのスコープを「ホイスト」するか、1つのクロージャーに連結して、ブラウザーでのコードの実行時間を短縮します。

現在、webpack 3では、次のプラグインを構成に追加して、スコープの巻き上げを有効にできます。

module.exports = {
  プラグイン:[
    新しいwebpack.optimize.ModuleConcatenationPlugin()
  ]
};

スコープホイストは、特にECMAScriptモジュールの構文によって可能になる機能です。このため、使用しているモジュールの種類やその他の条件に基づいて、Webpackは通常のバンドルにフォールバックする場合があります。

これらのフォールバックのトリガーに関する情報を常に把握するために、フォールバックの原因を示す--display-optimization-bailout cliフラグを追加しました。

スコープの巻き上げによりモジュールの関数ラッパーが削除されるため、小さなサイズの改善が見られる場合があります。ただし、大幅な改善は、JavaScriptがブラウザーにロードされる速度です。比較の前後にすばらしい結果が得られた場合は、共有できることを光栄に思いますので、いくつかのデータをお気軽にご返信ください!

「マジックコメント」

webpack 2で動的インポート構文(import())を使用する機能を導入したとき、ユーザーはrequire.ensureでできるように名前付きチャンクを作成できないという懸念を表明しました。

これで、コミュニティが「マジックコメント」を作成したこと、チャンク名を渡す機能などをimport()ステートメントへのインラインコメントとして紹介しました。

これらは技術的にはv2.4およびv2.6でリリースされた機能ですが、v3で導入されたこれらの機能のバグを安定化および修正するために取り組みました。これにより、動的インポート構文にrequire.ensureと同じ柔軟性を持たせることができます。

詳細については、これらの機能を強調したコード分割に関する最新のドキュメントガイドを参照してください!!!

next次は何ですか?

私たちはあなたにもたらすことを期待しているかなりの数の機能と拡張機能を持っています!!!しかし、それらを制御するためには、作業を行い、投票ページに立ち寄って、見たい機能に賛成する必要があります!

ここに、私たちがまだあなたを連れてきたいと願っているものをいくつか示します。

  • ビルドキャッシュの改善
  • 初期ビルドとインクリメンタルビルドの高速化
  • より良いTypeScript体験
  • 改良された長期キャッシング
  • WASMモジュールのサポート
  • ユーザーエクスペリエンスの向上

hanありがとうございます

ユーザー、寄稿者、ドキュメンテーションライター、ブロガー、スポンサー、支援者、メンテナーのすべてが、webpackが今後何年も成功することを保証するための株主です。

このため、私たちはあなたに感謝します。あなたなしでは不可能であり、将来のために何が保管されているかを共有するのを待つことはできません!!

貢献する時間がない?他の方法で還元したいですか?弊社のオープンコレクティブに寄付することで、ウェブパックの支援者またはスポンサーになります。 Open Collectiveは、コアチームのサポートに役立つだけでなく、組織の改善にかなりの時間を費やした貢献者もサポートします! ❤