如何清理cache-loader生成的缓存目录？-四、自动清理

1. 在构建前自动清理

你可以在构建过程中自动清理缓存目录，以确保每次构建都开始于干净的状态。可以使用 Webpack 的 CleanWebpackPlugin 来清理输出目录，虽然它主要是为了清理构建输出，但也可以在构建前添加自定义清理逻辑。

2. 自定义 Webpack 插件

编写一个简单的自定义 Webpack 插件，在每次构建之前执行缓存清理。示例代码如下：

class CleanCachePlugin {
    apply(compiler) {
        compiler.hooks.beforeRun.tap('CleanCachePlugin', () => {
            const fs = require('fs-extra');
            const path = require('path');
            const cacheDir = path.resolve(__dirname, '.cache-loader');

            fs.removeSync(cacheDir);
            console.log(`Cleared cache directory: ${cacheDir}`);
        });
    }
}

module.exports = {
    // ...其他配置
    plugins: [
        new CleanCachePlugin(),
    ],
};