如何在iview项目中启用自动热更新

要在iView项目中启用自动热更新，需要使用webpack-dev-server来运行开发服务器。这可以通过修改项目的webpack配置文件来完成
以下是将自动热更新添加到iView项目中的步骤：

安装webpack-dev-server：在项目根目录下运行以下命令

npm install webpack-dev-server --save-dev

打开build/webpack.dev.config.js文件，在文件顶部添加以下代码：

const webpack = require('webpack')

在同一个文件中，找到devServer对象并添加以下属性：

devServer: {
  hot: true,  // 开启热更新
  open: true, // 自动打开浏览器
},

在该文件的末尾处或数组中添加以下代码：

// 第一种写法(不推荐)
// plugins: [
//  // new webpack.NamedModulesPlugin(), // 下面这个如果在npm run build报错就用这个插件并注释掉下面那行二选一
//   new webpack.HotModuleReplacementPlugin() // 热更新插件
// ]

// 第二种写法（推荐）
configureWebpack: config => {
  if (process.env.NODE_ENV === 'development') {// 只在开发环境下引入HotModuleReplacementPlugin插件
    config.plugins.push(new webpack.HotModuleReplacementPlugin());
  }
}

现在可以使用以下命令启动开发服务器，并启用自动热更新：

npm run dev

这样，在修改代码后，页面将自动重新加载以显示更改。