雪だるま

雪だるま。その名前が大好きです。これは、何かに取り組んでいるピカの人々からの新しいものです。ある意味では、バンドラーの代替品です。 npmから引っ張るパッケージを走り、ESモジュール互換（ネイティブインポート）であることを確認します。

これが私がそれを消化する方法です。次のようなコードを書くとき：

 「React」からのImport React;

それは実際に無効なJavaScriptです。ネイティブのインポートのように見えますが、そうではありません。 （それは./のようなフィリパスのキャラクターから始まり、.jsで有効になるように終了します。）それは、 「ああ、私はあなたが意味することを知っています。あなたはこのことのためにnode_modulesを見に行くべきです」のようなビッグバンドラーからの合意です。それからそれは行き、それをします。

NPMの多くのものは、ESモジュールの準備ができていません。他のモジュール形式（CommonJSなど）で、バンドラーを使用することを前提としています。仮定はしばらくの間彼らにうまくいきましたが、それはフロントエンドの開発者にとって少しとげになり始めている仮定です。

UNPKGには、URLの最後までモジュールを追加できる機能があります。これは、ESモジュールに優しいバージョンのパッケージを提供するようにしますが、それは長い間実験段階にありました。なぜなら、おそらく解決するのは難しい問題だからです。どのパッケージがESモジュールの準備ができていますか？それらはその場で準備するために処理できますか？

Pika CDNでさえ、ESモジュールを介して使用されるように書かれていないパッケージの問題を解決しません。たとえば、ESモジュールを直接使用するためにReactが書かれていないため、できません（ただし、<script>タグを介して使用できます）。</script>

Snowpackは明らかにこれを扱っています。 （ローカルで）インストールするパッケージの上に魔法を実行し、ESモジュールの使用に備えます。したがって、Snowpackが実行された後、これができるようになりました（これは以前にできなかった）：

 '/web_modules/react.js'からのImport React;

ESモジュールの有効なコードです。さらに、とにかくBabelを実行した場合、その元のラインを変更する必要さえありません。

したがって、彼らのマーケティング/説明：

1）すべての変更にバンドリングする代わりに、npmインストール直後に雪のパックを実行してください。
2）Snowpackは、新しいweb_modules/ディレクトリへの単一のJSファイルとして依存関係を再インストールします。
3）コードを書き込み、ESMインポートを介してそれらの依存関係をインポートしてから、ブラウザですべて実行します。
4）バンドルステップをスキップして、保存を押した直後にブラウザに反映されている変更を確認します。
5）お気に入りのWebフレームワークを使用して、ツールを構築してください！ Babel＆TypeScriptがサポートされています。

ネイティブコードが無料で分割されているようなものであり、ESモジュールがその利点に束ねるのと同じくらい速くなるという指を交差させるだけです。私は楽観的です。それは初期の時代であり、大きなプロダクションのものに緊張するだろうと思いますが、ネイティブESモジュールはおそらく未来だと思います。

以上が雪だるまの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。