webpack - 从虚拟目录提供 Webpack

Question

我正在将所有文件构建到“dist”文件夹中。

Dist

->index.html

->bundle.js

我已将配置设置为在我需要的特定端口上运行。

{   
    entry: './src/index.js',
    devtool: 'source-map',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    devServer: {
        port: 9004,
        contentBase: path.join(__dirname, "dist")
    },
    watch: true,
}

我尝试添加

proxy: {
    "/virtual-directory-name-here": {
        "target": {
            "host": "localhost",
            "port": 9004
        }
    }
}

在 devServer 下，但没有运气。我知道您可以在输出下添加 publicPath ，但我不一定需要其中包含虚拟目录的文件。我只是希望它像 IIS 虚拟目录一样工作。

我的最终目标是提供位于 http://localhost:9004/virtual-directory-name-here 的 dist 文件夹中的所有文件。

有人能指出我正确的方向吗？

Answer 1

我也一直在找这个。找到了使用 devServer 的代理选项的解决方案:

proxy: {
    "/virtual-folder": {
        target: "http://127.0.0.1:9004",
        pathRewrite: {"^/virtual-folder" : ""},
    }
},

此外，如果有人使用 https 作为本地主机，可能需要添加到配置中:

secure: false