ReactJS コンポーネントをバンドルするために webpack を使用します。この ReactJS コンポーネントにはいくつかの依存関係があり、そのうちの 1 つが jQuery です。今は webpack を実行して、バンドルされたスクリプトを作成しています。
ここで、バンドルされたスクリプト (ReactJS コンポーネントを表す) をレガシー アプリケーションに統合したいと考えています。このアプリケーションは、別のバージョンの jQuery を使用します (jQuery javascript ファイルを直接インポートすることにより)。
1 つのアプリケーションに 2 つの jQuery バージョンがあるため、これが問題につながる可能性があるのではないかと思います。webpack がバンドル内の依存関係を処理する方法がよくわかりません。レガシー アプリケーションの一部に影響を与えないように、それらはバンドル内で一種の「範囲指定」されていますか? または、そうする方法はありますか?
私のwebpack.config:
var CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
entry: "./js/components/Application.js",
output: {
path: "./target/dist",
filename: "application.js"
},
module: {
loaders: [
{
loader: "babel-loader",
test: /\.js$/,
exclude: /(node_modules|dist|__tests__)/
},
{
loader: "style-loader!css-loader",
test: /\.css$/
},
{
test: /\.(jpg|png)$/,
loader: 'url-loader',
include: /img/
}
]
},
devtool: 'source-map',
plugins: [
new CopyWebpackPlugin([
{from: 'static/index.html'},
{from: 'css/*.css'},
{from: 'fonts/*'},
{from: 'img/*.*'},
{from: 'data/*'}
])
]
};