react项目如何清除缓存

清除开发环境缓存

运行以下命令清除开发服务器的缓存：

npm start -- --reset-cache

或使用Yarn：

yarn start --reset-cache

这会强制重新构建依赖项并清除临时文件。

删除node_modules和锁定文件

手动删除项目中的依赖目录和锁定文件：

rm -rf node_modules package-lock.json yarn.lock

重新安装依赖：

npm install

或

yarn install

清理浏览器缓存

在浏览器中按下组合键强制刷新页面：

• Windows/Linux: Ctrl + Shift + R
• Mac: Command + Shift + R

或通过开发者工具（F12）勾选“Disable cache”选项（Network选项卡）。

配置构建工具

在webpack.config.js中添加哈希以避免缓存：

output: {
  filename: '[name].[contenthash].js',
  path: path.resolve(__dirname, 'dist')
}

使用服务端缓存控制

在服务器配置中添加HTTP头（如Nginx）：

location / {
  add_header Cache-Control "no-cache, no-store, must-revalidate";
  add_header Pragma "no-cache";
}

清除生产环境构建

删除build或dist文件夹后重新构建：

rm -rf build && npm run build