Webpack-Serve示例

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

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

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

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