0

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/*'}
      ])
    ]
};
4

0 に答える 0