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

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

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

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

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

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

serve({ config });

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

我会很感激一个例子。谢谢。

标签： reactjswebpackwebpack-dev-serverwebpack-serve

Answer 1

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

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