uniapp vue3 vite +ts打包H5每次打包增加时间戳,解决公众号缓存
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
uniapp 打包到H5发布到公众号端,移动端会有缓存,所以需要每次打包得文件名不一致,这样每次打开都是新文件随意就不会有缓存
vite.config.ts配置如下
import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import path from "path";
import fs from 'fs-extra'
let filePath = ''
let Timestamp = ''
//编译环境判断,判断是否H5环境
if (process.env.UNI_PLATFORM === 'h5') {
filePath = 'assets/'; //打包文件存放文件夹路径
Timestamp = '.' + new Date().getTime();//时间戳
}
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
alias: {
"@": path.resolve(__dirname, "./src") // map '@' to './src'
},
},
// 需要用到的插件数组
plugins: [
uni(),
],
build:{
rollupOptions: {
// dir: "dist",
//打包后文件名
// entryFileNames: `${filePath}[name]${Timestamp}.js`,
output:{ // 输出重构 打包编译后的 文件目录 文件名称 【模块名称.时间戳】
// 入口文件名
entryFileNames: `${filePath}[name]${Timestamp}.js`,
// 块文件名
chunkFileNames: `${filePath}[name]${Timestamp}.js`,
// 资源文件名 css 图片等等
assetFileNames: `${filePath}[name]${Timestamp}.[ext]`
}
}
},
css: {
preprocessorOptions: {
scss: {
additionalData: '@import "../src/static/css/index.scss";',
},
// stylus: {
// additionalData: '@import "./static/css/index.styl";',
// },
},
},
});
GitHub 加速计划 / vu / vue
83
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079
[skip ci] 3 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)