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 README 声称最常用的是放置它，webpack.config.js但这似乎是错误的，因为该示例也这样做：

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

serve({ config });

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

我很欣赏一个例子。谢谢。

Answer 1

我在另一个关于“如何设置webpack-serve”的问题中回答了非常相似的问题。

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