webpack设置热更新

最新推荐文章于 2023-07-26 18:27:29 发布

weixin_30430169

最新推荐文章于 2023-07-26 18:27:29 发布

阅读量240

点赞数

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/wuxianqiang/p/10326390.html

版权

首先需要在package.json中配置一个脚本参数 --hot

"dev": "webpack-dev-server --mode development --hot"

运行项目 npm run dev

在入口文件还要增加这样的代码

if (module.hot) {
  module.hot.accept()
}

如果不想通过脚本参数设置热更新的话，还可以在webpack配置里面配置

  plugins: [
    new HtmlWebpackPlugin({
      template: './public/index.html'
    }),
    // --hot 等于这样的写法
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NamedModulesPlugin()
  ],
  devServer: {
    contentBase: './dist',
    hot: true
  }