我可以为webpack捆绑的依赖项设置“范围”吗?

时间:2016-11-16 13:37:01

标签: reactjs webpack survivejs

我使用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/*'}
      ])
    ]
};

0 个答案:

没有答案