Webpack 在与Web包开发服务器相同的端口上提供任意资产

使用

webpack dev server

为任意资产提供服务的最佳方式是什么

我希望能够为我的所有资产提供服务器，

webpack dev server

捆绑的资产和其他资产，如位于同一地址的目录中的图像——这样做的最佳模式是什么

---

谢谢

您可以使用CopyWebpackPlugin，它将文件复制到您的生成输出目录，并与webpack dev server配合使用：

var CopyWebpackPlugin = require('copy-webpack-plugin');
//...  later in plugins[]
new CopyWebpackPlugin([
    { // copy all contents of 'public' folder over to output directory
        from: 'src/public'
    }
],

如果出于某种原因不想这样做，可以使用顶级（以及webpack.config.js中的“entry”、“plugins”等）devServer config将请求代理到另一个目录的特定路径：

devServer: {
    port: 5001,
    quiet: false,
    stats: { color: true },
    proxy: {
        "/api/*": {
            target: 'http://localhost:5000',
            secure: false,
            changeOrigin: true,
            ignorePath: false,
        },
    }
},

---

这是在我的用例中，对运行在端口5001上的webpack dev服务器的任何请求，如果请求指向以/api/get开头的url，则会被代理到运行在端口5000上的具有相同路径的web服务器。也就是说，如果您从webpack dev服务器中运行的页面调用“/api/values”，它将代理请求到“”

，非常感谢您概述了一些选项！