0

我使用 webpack 来捆绑一个 ReactJS 组件。这个 ReactJS 组件有一些依赖项，其中之一是 jQuery。现在我只是运行 webpack 来创建捆绑的脚本。

现在我想将捆绑的脚本（代表我的 ReactJS 组件）集成到遗留应用程序中。此应用程序使用另一个版本的 jQuery（通过直接导入 jQuery javascript 文件）。

我想知道这是否会导致任何问题，因为在一个应用程序中有两个 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/*'}
      ])
    ]
};
4

0 回答 0