webpack4下webpack-dev-server热更新缓慢问题【已解决:webpack4 mode设置出现问题】

  webpack4下有production(生产)和development(开发)两种模式,若不设置,则会在终端下warn个不停。

  warn内容如下:

The ‘mode’ option has not been set. Set ‘mode’ option to ‘development’ or ‘production’ to enable defaults for this environment.
“模式”选项尚未设置。 将 “mode” 选项设置为 “development” 或 “production” 以启用此环境的默认值。

  百度之后,在配置文件中设置了“mode”:“production”后,结果发现热更新缓慢(当然我并不知道是它的问题,因为初学,一股脑写了一大堆配置文件,本来就够抑郁的了,结果页面刷新缓慢,改个字体颜色都要刷新个十几秒钟,简直绝望了)。

  好在经过几天的折腾,胡乱的看了一些文章,脑子里终于有点思路了。也终于get到导致热更新缓慢的这个点,虽然对这两种模式了解的还是太少,但问题解决了。

  所以写个博文,希望有和我一样问题的菜鸟先生们能够同样get到这个点,少浪费点时间。

  总结发泄一下:了解学习一门东西少不了前面的混乱折腾,东一榔锤,西一棒子,当你探索进去之后,再回过头会发现,如果没有前面的“浪费时间”,根本就没有柳暗花明的这一天,当然如果你有人带着一起玩的话,可能比我这“孤家寡人”好太多了。

最后附上一篇关于webpack4配置的文章,在此感谢前辈的指点:

http://www.css88.com/archives/9436

猜你喜欢

转载自blog.csdn.net/qq_39989929/article/details/83657155