私は古いrequire.js gruntアプリケーションをwebpackに変換しようとしています。現在のgrunt設定では、2つの異なるバンドルを構築し、アプリケーションを起動するときに必要なバンドルを決定するブートストラップファイルを用意しています。複数の解決のWebpack multiple resolve.aliasリスト
私は、webpackに切り替えるときにこの構造を保持する必要があると思っていました。しかし、複数のエントリを持つwebpackを設定しようとしたとき、私は問題に遭遇しました。別々のエントリポイントに対して別々の解決エイリアスリストを提供することはできません。モジュール名がrequire("my-module")
であり、両方のバンドルに異なるmy-module
インスタンスを持っているため、これらのエイリアスリストを提供できるようにする必要があります。
webpackでこれを達成する方法が見つかりませんでした。私はこの考え方に縛られていて、この問題の代替解決策を見ることができないかもしれないので、アドバイスは大歓迎です!ここで
は私がやりたいどのようなコードです:
猫:ここ
webpack.config.js
module.exports = {
entry: {
cats: ["./app/app-cats"],
dogs: ["./app/app-dogs"]
},
output: {
path: path.join(__dirname, "bin"),
filename: "[name].entry.js"
},
resolve: {
alias: {
// I would like to provide both entry points their own
// list of aliases, but currently webpack is not supporting this.
cats: {
animals: './cats.js'
},
dogs: {
animals: './dogs.js'
},
}
},
};
は、私たちの現在のビルドがどのように機能するかを説明するためのファイルの残りの部分です.jsファイル
var cats = ['dave', 'henry', 'martha'];
module.exports = cats;
dogs.js
var dogs = ['hulda', 'hilla'];
module.exports = dogs;
アプリ-cats.js
var animals = require('animals')
console.log(animals);
アプリ-dogs.js
var animals = require('animals')
console.log(animals);