Question

登录网站后，我将在其他浏览器窗口中打开项目。因此，根据我的说法，common.bundle.js不会在登录窗口或详细网站窗口上加载。（注意：我的理解可能是错误的）

在这种情况下，为避免出现上述问题，我希望将Login.bundle.js保留在拆分块之外，以便Web-pack为登录页面创建普通的包。并与common.bundle.js一起创建所有其他捆绑包，以获取详细的网站窗口。

我该怎么做，他们在Web Pack 4中有什么特殊功能吗？

我当前的代码如下：

var config = {
    entry: {
        'Login': ['babel-polyfill', 'Login.js'],
        'MNO': ['babel-polyfill', 'MNO.js'],
        'JKL': ['babel-polyfill', 'JKL.js'],
        'GHI': ['babel-polyfill', 'GHI.js'],
        'DEF': ['babel-polyfill', 'DEF.js'],
        'ABC': ['babel-polyfill', '.ABC.js'],
        'vendorABC': ["jquery", "underscore", 'react', 'react-dom'] 
},
    mode: "development",
    optimization: {
        splitChunks: {
          cacheGroups: {
            default: false,
            commons: {
              test: /[\\/]node_modules[\\/]/,
              name: 'vendor_app',
              chunks: 'initial',
              minChunks: 5
            }
          }
        }
    },

    output: {
        path: path.resolve('./'),
        filename: "[name].bundle.js"
    },

在webpack4中使用拆分块时如何避免一个入口点？

0 个答案: