Webpack 服务示例

Question

我正处于将我的一个旧项目从 Webpack 3 更新到 4 的噩梦过程中，它引入了一整套需要修复的东西。到目前为止，最烦人的肯定是从 webpack-dev-server 切换到 webpack-serve，因为它缺少实际示例。考虑到这一点，我到底该如何使用它？

使用 Webpack 4.14.0 和 Webpack-Serve 1.0.4。

我的 webpack.config.js 有以下 webpack-dev-server 选项：

devServer: {
      contentBase: path.join(__dirname, 'public'),
      historyApiFallback: true,
      publicPath: '/dist/'
}

我还没有看到历史选项或 public 路径，所以我想我只需要内容配置选项。

所以根据我应该做的文档：

serve({
    content: path.join(__dirname, 'public')
});

但是我应该把它放在哪里呢？ Github 自述文件声称最常用的是 webpack.config.js 但这似乎是错误的，因为该示例也这样做：

const serve = require('webpack-serve');
const config = require('./webpack.config.js');

serve({ config });

我真的将配置文件导入到自身吗？

我想举个例子。谢谢

Answer 1

我在中的回答与“如何设置 webpack-serve”非常相似。

为简单起见，我还将完整示例上传至Github

Webpack-Serve Example