site infoHacknerd | Tech Blog
blog cover

📜 [Webpack实战: 入门、进阶与调优] 9. 开发环境调优

JavaScriptWebpack

Webpack开发效率插件

  • 1.webpack-dashboard。图形化的方式展示打包信息。
  • 2.webpack-merge
  • 3.speed-measure-webpack-plugin。分析各个loader 与plugin 执行耗时。
  • 4.size-plugin。会在每次构建时输出本次构建体积与上一次构建体积的变化。
  • 模块热替换

  • 1.开启hmr
  • 2.HMR原理
  • Contents

    • Webpack开发效率插件
    • 模块热替换

    2024/05/31 03:42