Question

我的webpack.config文件中有这个输出配置：

config = { 
          ...
          output: {
              path: path.resolve(__dirname, 'dist'),
              filename: 'bundle.js',
              publicPath: 'http://localhost:8090/'
          },
... }

bundle.js未写入path中指定的路径;它只能通过网络服务器，而我想要两者。

如果同时拥有文件和Web服务器，应该更改什么？

Answer 1

当你运行webpack-dev-server时，你实际上并没有捆绑和重建webpack包，它只是从内存中提供它。

根据我的经验，如果你想要实际构建以及webpack-dev-server，那么解决这个问题的方法就是运行两个实例。所以，在一个终端窗口中有

webpack --watch

运行，（ webpack --watch将重建实际的包）。然后，在另一个终端有

webpack-dev-server

运行，（ webpack-dev-server将实时显示并从内存中提供新版本）。

Answer 2

出现this is now a built-in option。您可以在webpack配置文件中添加以下内容。

devServer: {
  writeToDisk: true
}

貌似是从webpack-dev-server version 3.1.10起添加的

Answer 3

此插件将强制webpack-dev-server也编写捆绑文件，从而无需在终端中运行两个进程。

gajus/write-file-webpack-plugin

bundle.js文件输出和webpack-dev-server

3 个答案: