webpack設置熱更新

首先需要在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
  }