我使用webpack来捆绑ReactJS组件。这个ReactJS组件有一些依赖项,其中一个是jQuery。现在我只是运行webpack来创建捆绑的脚本。
现在我想将捆绑的脚本(代表我的ReactJS组件)集成到遗留应用程序中。此应用程序使用另一个版本的jQuery(通过直接导入jQuery javascript文件)。
我想知道这是否会导致任何问题,因为在一个应用程序中有两个jQuery版本。 我真的不明白webpack如何处理bundle中的依赖项。它们是否在捆绑中“范围化”,以便它们不会影响我的遗留应用程序的某些部分?或者有没有办法这样做?
我的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/*'}
])
]
};