使用 webpack 配置减少构建时间

Posted 2023-02-23

【中文标题】使用 webpack 配置减少构建时间

【英文标题】：reduce build time with webpack config

【发布时间】：2019-08-21 02:04:58

【问题描述】：

我在我的项目中使用 vue.js、nuxt 和 webpack。 在扩大项目构建时间后变得越来越多。 我需要知道 webpack 中是否有任何配置来检查和构建初始构建中刚刚更改的组件和文件？

【问题讨论】：

您需要多长时间？您是否将 vuetify 与 vuetify loader 一起使用？

@Aldarund 大约 5 分钟。不只是使用引导程序

很多。你的项目有多大？空 nuxt 项目在你的电脑上构建多长时间？

@Aldarund empty nuxt 项目需要 10 秒。

所以你的项目有几千页？

【参考方案1】：

您可以尝试使用硬源和缓存属性。

https://nuxtjs.org/api/configuration-build/#hardsource

https://nuxtjs.org/api/configuration-build/#cache

这应该会使后续构建速度更快

【讨论】：

实际上，它有助于构建时间，但文件监视和热重载不再起作用。你对此有什么想法吗？