npm 清除webpack缓存

npm 清除webpack缓存主要是为了确保在进行代码修改后，webpack能够重新编译而不是使用缓存中的旧文件。在webpack的配置文件`webpack.config.js`中，通常会包含`cache`的配置项，webpack会使用这个缓存来提高构建性能。但是，在某些情况下，比如代码有重大修改时，我们需要清除这个缓存以确保所有的更改都能被正确地编译和反映。

清除webpack缓存通常有以下几种方法：

1. 直接删除`node_modules`文件夹，然后使用`npm install`命令重新安装依赖，这样可以彻底清除所有相关的缓存。但是这种方法相对比较暴力，可能会比较耗时。

2. 如果只想要清除webpack的缓存而不是删除所有依赖，可以使用`npm run cache`或自定义的脚本来清空缓存。例如，可以创建一个npm脚本来执行`webpack --mode production --no-cache`或者`webpack --mode development --no-cache`，这样可以告诉webpack在构建时不使用缓存。

3. 使用webpack自带的缓存清除功能。从webpack 5开始，可以直接在命令行中添加`--no-cache`参数来禁用缓存。

例如，可以在`package.json`中的scripts部分添加如下脚本：

{
  "scripts": {
    "build": "webpack --mode production --no-cache"
  }
}

然后运行`npm run build`来执行不带缓存的构建。