vite打包办理前端发版后欣赏器缓存题目
怎样克制欣赏器缓存题目，包管每次发布新版本时欣赏器都能加载最新的代码Vite 构建工具的设置文件 vite.config.js：
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import pkg from './package.json' assert { type: 'json' };
// 时间戳
const timestamp = new Date().getTime();
export default defineConfig({
plugins: ,
resolve: {
alias: {
'@': resolve(__dirname, 'src') // 将@配置为src目录的绝对路径
}
},
server: {
host: '0.0.0.0',
},
build: {
rollupOptions: {
output: {
manualChunks: {
vendor: Object.keys(pkg.dependencies),
},
chunkFileNames: ({ name }) => {
if (name === 'vendor') {
return `assets/js/-.js`; // 第三方库不添加时间戳
} else {
return `assets/js/--${timestamp}.js`; // 自定义文件名，使用时间戳保证唯一性
}
},
entryFileNames: ({ name }) => {
if (name === 'vendor') {
return `assets/js/-.js`; // 第三方库不添加时间戳
} else {
return `assets/js/--${timestamp}.js`; // 自定义文件名，使用时间戳保证唯一性
}
},
assetFileNames: `assets//-.` // 资源文件添加时间戳
},
}
}
});
通过设置 chunkFileNames 和 entryFileNames 函数，根据文件名是否为第三方库来动态设置输出文件的文件名。对于第三方库，不添加时间戳，确保其文件名稳固；而对于自界说文件，则使用时间戳包管每次构建天生的文件名都具有唯一性。如许的设置可以大概有用克制欣赏器缓存题目，确保欣赏器每次都能加载最新的代码，同时又不影响第三方库的缓存效果。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金
页:
[1]