reactjs - 使用 React 配置 Webpack 4

Question

如何使用 Webpack 4 在开发模式下自动重新加载应用程序？目前，我尝试了这个脚本，但它不起作用：

"scripts": {
 "dev": "webpack-dev-server --mode development",
 "build": "webpack --mode production"}

Answer 1

需要为 启用该hot属性webpack-dev-server。在文档中阅读更多内容。

在包脚本中从 CLI 使用：

"scripts": {
    "dev": "webpack-dev-server --mode development --hot"
}

在devServer配置对象内部使用：

module.exports = {
    mode: 'development',
    // other configs: entry, output, module, plugins, etc.
    devServer: {
        hot: true
    }
};

此外，您可以使用Webpack 4和React检查这个Webpack-Demo项目。