创建网站的工作流程,成都房地产交易中心,网页塔防游戏排行榜,成都十大好的装修公司背景
持久化缓存算得上是 Webpack 5 最令人振奋的特性之一#xff0c;它能够将首次构建结果持久化到本地文件系统#xff0c;在下次执行构建时跳过一系列解析、链接、编译等非常消耗性能的操作#xff0c;直接复用 module、chunk 的构建结果。
cache 会在开发模式被设置成…背景
持久化缓存算得上是 Webpack 5 最令人振奋的特性之一它能够将首次构建结果持久化到本地文件系统在下次执行构建时跳过一系列解析、链接、编译等非常消耗性能的操作直接复用 module、chunk 的构建结果。
cache 会在开发模式被设置成 type: memory 而且在生产模式中被禁用。 cache: true 与 cache: { type: memory } 配置作用一致。 传入 false 会禁用缓存:
常用配置
cache.type
缓存类型支持 memory | filesystem需要设置 filesystem 才能开启持久缓存。
当将 cache.type 设置为 ‘filesystem’ 是会开放更多的可配置项。
cache.cacheDirectory
缓存文件存放的路径默认为 node_modules/.cache/webpack
cache.buildDependencies
额外的依赖文件当这些文件内容发生变化时缓存会完全失效而执行完整的编译构建通常可设置为项目配置文件如
module.exports {cache: {buildDependencies: {config: [path.join(__dirname, webpack.dll_config.js)],},},
};官方推荐的是
module.exports {cache: {buildDependencies: {// This makes all dependencies of this file - build dependenciesconfig: [__filename],// 默认情况下 webpack 与 loader 是构建依赖。},},
};也就是说当前的 webpack 配置文件如果不改变的话那就会一直使用缓存
