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

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时，实际上并没有 bundle 和重建webpack bundle 包，它只是从内存中提供服务。

以我的经验，解决这个问题的方法是，如果要拥有实际的构建以及webpack-dev-server，则要运行两个实例。因此，在一个终端窗口中有

webpack --watch

运行，(webpack --watch将重建实际的bundle)。然后，在另一个终端

webpack-dev-server

运行中(webpack-dev-server将实时重新加载并从内存中提供新版本)。