Webpack-动态需求和路径

Question

我的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();
}

哪个工作很棒。 我看到1.1-bundle.js和2.2-bundle.js被添加到我的build文件夹中 。

问题是，当触发这些动态要求时，我在网络选项卡中看到404，因为webpack试图从项目的根目录而不是我告诉webpack的build文件夹中加载1-1.bundle.js。把它。

我该如何纠正？

Answer 1

您可能需要设置公共路径 -基本上，您告诉webpack在Web服务器上的什么位置可以找到生成的文件，对于您来说，在build文件夹中似乎是如此。

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