webpack配置热更新

Posted 2022-04-11 wuxianqiang

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack配置热更新相关的知识，希望对你有一定的参考价值。

第一步

  devServer: 
    contentBase: path.join(__dirname, ‘dist‘),
    compress: true,
    port: 9000,
    hot: true
  ,

第二部

  plugins: [
    new htmlWebpackPlugin(),
    new webpack.HotModuleReplacementPlugin()
  ]

第三部（入口文件，entry）

if (module.hot) 
  module.hot.accept()

以上是关于webpack配置热更新的主要内容，如果未能解决你的问题，请参考以下文章