使用React进行Webpack 4配置

Question

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

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

Answer 1

需要为hot启用webpack-dev-server属性。阅读docs中的更多内容。

在程序包脚本中使用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项目。