問題タブ [commonschunkplugin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - libraryTarget を使用した Webpack コード分割
私は、(クライアント側) JavaScript が es6 で書かれており、メイン エントリ ポイントが にある Web アプリケーションを持っていますapp.js
。
好みに応じて、jQuery などのベンダー ライブラリを外部で参照するか、バンドルに含めるか、webpack を使用してバンドルできます。ブラウザで正しく動作させるには、次のように指定する必要がlibraryTarget
あります。library
ただし、ベンダー ライブラリを個別にバンドルしたいと考えています。
を使用してこれを行うことができますが、プロパティも適用されるため、プロパティCommonsChunkPlugin
でうまく機能しないようです。library*
つまり、私app.jQuery
はただの代わりにjQuery
アプリケーション コードをブラウザーに正しく公開しながら、ベンダー コードを分離し、必要なものに適切なグローバルを提供するにはどうすればよいでしょうか?
webpack.config
ここ:
git - 複数の反応プロジェクトに 1 つのベンダー チャンク ファイル (webpack) を使用する方法
私は異なる反応アプリケーションを持つ異なるgitを持っています。すべてのアプリケーションが外部パッケージ (React、ReactDOM ...) で同じベンダーのチャンク ファイルを使用する必要がある場合
プロジェクトのセットアップ:
すべてwebpack.config.js
にこの構成が含まれていますが、ライブラリ名が異なります。
問題:
Webpack は、vendor.bundle.js
グローバルな使用ではなく、現在のライブラリ/プロジェクト用に特別にビルドvendor.bundle.js
します。このファイルに基づいて両方のアプリケーションをロードできる単一のページに含めることができるWebpack を作成するオプションはありますか?