Webpack服务示例

Question

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

使用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/'
}

我还没有看到历史记录或公共路径的选项，所以我想我只需要content config选项。

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

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

我在another question中回答了有关“如何设置webpack-serve”的内容。

为简单起见，我还将完整示例上载到Github