Javascript 网页包-动态要求和路径

我的webpack.config文件如下所示

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: {
        app: './app'
    },
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name]-bundle.js'
    }
};

function loadModule(modName, cb, onErr){
    if (modName == 'contacts') require(['../modules/contacts/contacts', 'html!../modules/contacts/contacts.htm'], cb);
    else if (modName == 'tasks') require(['../modules/tasks/tasks', 'html!../modules/tasks/tasks.htm'], cb);
    else onErr();
}

我有一些像这样的动态需求

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: {
        app: './app'
    },
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name]-bundle.js'
    }
};

function loadModule(modName, cb, onErr){
    if (modName == 'contacts') require(['../modules/contacts/contacts', 'html!../modules/contacts/contacts.htm'], cb);
    else if (modName == 'tasks') require(['../modules/tasks/tasks', 'html!../modules/tasks/tasks.htm'], cb);
    else onErr();
}

这很有效。我看到

1.1-bundle.js

和

2.2-bundle.js

正在添加到我的构建文件夹中

问题是，当这些动态需求被触发时，我在我的“网络”选项卡中看到404，因为webpack试图从我的项目根目录加载1-1.bundle.js，而不是我告诉webpack将其放入的构建文件夹

---

我如何纠正这个问题

您可能需要设置-基本上，您可以告诉webpack在您的Web服务器上的何处可以找到生成的文件，对您来说，它似乎位于生成文件夹中

{
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name]-bundle.js',
        publicPath: '/build/',
    },
}