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/',
    },
}