Laravel Mix：版本控制 / 缓存清除

// 在Laravel的webpack.mix.js文件中，使用版本控制和缓存清除来管理输出文件的缓存。
const mix = require('laravel-mix');
 
// 添加版本控制和缓存清除到Mix的输出文件名中
mix.js('resources/js/app.js', 'public/js')
    .version() // 启用版本控制
    .versionHash('hash'); // 使用自定义哈希格式，例如'hash'
 
// 如果你想要在构建时清除之前的缓存，可以使用以下方法：
// 1. 使用.webpackConfig()方法来修改Webpack配置
// 2. 引入Webpack的WatchedGlobsUtility类来清理文件
const WebpackWatchedGlobsPlugin = require('webpack-watched-globs-plugin');
 
mix.webpackConfig({
    plugins: [
        new WebpackWatchedGlobsPlugin({
            files: [
                'resources/views/**/*.php',
                'resources/js/**/*.js',
                'public/css/**/*.css',
            ],
            dirs: [
                'resources/views',
                'resources/js',
                'public/css',
            ],
        }),
    ],
});
 
// 然后运行mix.js()等方法，就会在每次构建时检查这些文件和目录的变化，并且在变化发生时清理缓存。

这个代码示例展示了如何在Laravel项目中使用版本控制和缓存清除来管理Webpack输出文件的缓存。通过.version()方法启用版本控制，并通过.versionHash()自定义版本哈希格式。同时，使用webpack-watched-globs-plugin插件来监视文件和目录的变化，并在变动发生时清理旧的缓存文件，以确保构建过程中的高效和一致性。