站长

<h1 id="heading-0">不会还有人的npm start需要50秒吧？</h1>
<h2 id="heading-1">属于你的Webpack配置</h2>
<div>
「观感度：🌟🌟🌟🌟🌟」
<p>「享用时间：2min」</p>
</div>
<h2 id="heading-2">说在前面</h2>
<p>随着项目不断迭代，所需的静态资源、依赖库和插件越来越多，需要遍历的文件也呈指数式增加，导致每次编译的速度非常慢，再加上笔者接手的是类游戏化的Phaser项目，光是游戏引擎也需要消耗资源，固对项目进行编译时的优化。</p>
<h2 id="heading-3">所需插件 HardSourceWebpackPlugin</h2>
<h3 id="heading-4">1.安装 npm install hard-source-webpack-plugin</h3>
<h3 id="heading-5">2.配置</h3>
<p><img src="https://img.blogweb.cn/article/2b808cf8268445c890b63fe0942630f2.webp" loading="lazy" alt="不会吧不会吧！不会还有人npm start不能冲进5s内吧！"></p>
<h2 id="heading-6">把嘴给我闭上！看效果</h2>
<h3 id="heading-7">第一次编译时间，追踪缓存，写入缓存 Time:27.664s</h3>
<p><img src="https://img.blogweb.cn/article/2f1d8598dbb84fc7a535a91881decf1c.webp" loading="lazy" alt="不会吧不会吧！不会还有人npm start不能冲进5s内吧！"></p>
<h3 id="heading-8">第二次编译时间，追踪缓存、读取缓存 Time:4.642s</h3>
<p><img src="https://img.blogweb.cn/article/525e7b12aebf4fc18a15d5d214560286.webp" loading="lazy" alt="不会吧不会吧！不会还有人npm start不能冲进5s内吧！"></p>
<h2 id="heading-9">总结说明</h2>
<h4 id="heading-10">通过看到Time:xxx ms的信息，是不是觉得整个项目直接芜湖起飞了，搬代码都变得更愉悦了。希望本插件能为前端开发者提供更好的开发体验，加油打工人！</h4>

不会还有人的npmstart需要50秒吧？属于你的Webpack配置「观感度：🌟🌟🌟🌟🌟」「享用时间：2min」说在前面随着项目不断迭代，所需的静态资源、依赖库和插件越来越多，需要遍历的文件也呈指数式增加，导致每次编译的速度非常慢，再加上笔者接手的是类游戏化的Phaser项目，光是游戏引擎也需要消耗资源，固对项目进行编译时的优化。所需插件HardSourceWebpackPlugin1.