refactor: fuck vite defineConfig
This commit is contained in:
zyronon
parent
ea37bb9dff
commit
ca57625cea
1
.github/workflows/docker-image-ci.yml
vendored
1
.github/workflows/docker-image-ci.yml
vendored
@ -2,6 +2,7 @@ name: Docker Image CI
|
|||||||
|
|
||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
|
branches: [ 'dev' ]
|
||||||
tags:
|
tags:
|
||||||
- v*
|
- v*
|
||||||
|
|
||||||
|
|||||||
336
vite.config.ts
336
vite.config.ts
@ -7,176 +7,176 @@ import { fileURLToPath, URL } from 'node:url'
|
|||||||
import { getLastCommit } from 'git-last-commit'
|
import { getLastCommit } from 'git-last-commit'
|
||||||
import VueMacros from 'unplugin-vue-macros/vite'
|
import VueMacros from 'unplugin-vue-macros/vite'
|
||||||
|
|
||||||
// import viteImagemin from 'vite-plugin-imagemin'
|
|
||||||
// import viteCompression from 'vite-plugin-compression'
|
|
||||||
|
|
||||||
const lifecycle = process.env.npm_lifecycle_event
|
const lifecycle = process.env.npm_lifecycle_event
|
||||||
|
|
||||||
// {
|
export default defineConfig(() => {
|
||||||
// name: 'axios',
|
let latestCommitHash = ''
|
||||||
// var: 'axios',
|
|
||||||
// path: 'https://lib.baomitu.com/axios/1.6.8/axios.min.js'
|
|
||||||
// },
|
|
||||||
|
|
||||||
export default defineConfig(async () => {
|
return new Promise((resolve) => {
|
||||||
const latestCommitHash = await new Promise<string>((resolve) => {
|
getLastCommit((err, commit) => {
|
||||||
return getLastCommit((err, commit) => (err ? 'unknown' : resolve(commit.shortHash)))
|
if (!err) {
|
||||||
})
|
latestCommitHash = commit.shortHash
|
||||||
return {
|
|
||||||
base: './',
|
|
||||||
envDir: 'env',
|
|
||||||
plugins: [
|
|
||||||
VueMacros({
|
|
||||||
plugins: {
|
|
||||||
vue: Vue(),
|
|
||||||
vueJsx: VueJsx() // if needed
|
|
||||||
}
|
|
||||||
// betterDefine: true,
|
|
||||||
// reactivityTransform: {
|
|
||||||
// exclude: [/node_modules/, /jQuery\.js/]
|
|
||||||
// }
|
|
||||||
}),
|
|
||||||
// Vue(),
|
|
||||||
// VueJsx(),
|
|
||||||
lifecycle === 'report' ? (visualizer({ open: false }) as any as PluginOption) : null,
|
|
||||||
importToCDN({
|
|
||||||
modules: [
|
|
||||||
{
|
|
||||||
name: 'vue',
|
|
||||||
var: 'Vue',
|
|
||||||
path: `https://lib.baomitu.com/vue/3.4.21/vue.runtime.global.prod.min.js`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'vue-router',
|
|
||||||
var: 'VueRouter',
|
|
||||||
path: 'https://lib.baomitu.com/vue-router/4.3.0/vue-router.global.prod.min.js'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'vue-demi',
|
|
||||||
var: 'VueDemi',
|
|
||||||
path: 'https://lib.baomitu.com/vue-demi/0.14.7/index.iife.min.js'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'mockjs',
|
|
||||||
var: 'Mock',
|
|
||||||
path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
})
|
|
||||||
// viteCompression({
|
|
||||||
// verbose: false,
|
|
||||||
// disable: false,
|
|
||||||
// threshold: 10240,
|
|
||||||
// algorithm: 'brotliCompress',
|
|
||||||
// }),
|
|
||||||
// viteCompression({
|
|
||||||
// verbose: false,
|
|
||||||
// disable: false,
|
|
||||||
// algorithm: 'gzip',
|
|
||||||
// threshold: 10240,
|
|
||||||
// }),
|
|
||||||
// viteImagemin({
|
|
||||||
// gifsicle: {
|
|
||||||
// optimizationLevel: 7,
|
|
||||||
// interlaced: false,
|
|
||||||
// },
|
|
||||||
// optipng: {
|
|
||||||
// optimizationLevel: 7,
|
|
||||||
// },
|
|
||||||
// mozjpeg: {
|
|
||||||
// quality: 20,
|
|
||||||
// },
|
|
||||||
// pngquant: {
|
|
||||||
// quality: [0.8, 0.9],
|
|
||||||
// speed: 4,
|
|
||||||
// },
|
|
||||||
// svgo: {
|
|
||||||
// plugins: [
|
|
||||||
// {
|
|
||||||
// name: 'removeViewBox',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// name: 'removeEmptyAttrs',
|
|
||||||
// active: false,
|
|
||||||
// },
|
|
||||||
// ],
|
|
||||||
// },
|
|
||||||
// }),
|
|
||||||
],
|
|
||||||
define: {
|
|
||||||
LATEST_COMMIT_HASH: JSON.stringify(
|
|
||||||
latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')
|
|
||||||
)
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
alias: {
|
|
||||||
'@': fileURLToPath(new URL('./src', import.meta.url))
|
|
||||||
},
|
|
||||||
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
|
||||||
},
|
|
||||||
build: {
|
|
||||||
sourcemap: false,
|
|
||||||
rollupOptions: {
|
|
||||||
// https://rollupjs.org/guide/en/#outputmanualchunks
|
|
||||||
output: {
|
|
||||||
manualChunks(id, { getModuleInfo }) {
|
|
||||||
const reg = /(.*)\/src\/components\/(.*)/
|
|
||||||
if (reg.test(id)) {
|
|
||||||
const importersLen = getModuleInfo(id)?.importers.length ?? 0
|
|
||||||
// 被多处引用
|
|
||||||
if (importersLen > 1) return 'common'
|
|
||||||
}
|
|
||||||
if (id.includes('node_modules')) return 'vendor'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/home/Publish.vue')) return 'other'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/home/Music.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/home/MusicRankList.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/home/LivePage.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/home/SearchPage.vue')) return 'other'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/shop/Shop.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/shop/GoodsDetail.vue')) return 'other'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/message/Message.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/Fans.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/AllMessage.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/notice/DouyinHelper.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/notice/SystemNotice.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/notice/TaskNotice.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/notice/LiveNotice.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/message/notice/MoneyNotice.vue')) return 'other'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/me/Me.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/me/Visitors.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/me/RequestUpdate.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/me/userinfo/EditUserInfo.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/me/userinfo/EditUserInfoItem.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/me/MyMusic.vue')) return 'other'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/other/VideoDetail.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/other/AlbumDetail.vue')) return 'other'
|
|
||||||
|
|
||||||
if (id.includes('/src/pages/people/FindAcquaintance.vue')) return 'other'
|
|
||||||
if (id.includes('/src/pages/people/FollowAndFans.vue')) return 'other'
|
|
||||||
},
|
|
||||||
chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
|
|
||||||
entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
|
|
||||||
assetFileNames: 'assets/[name]-[hash].[ext]' // 资源文件像 字体，图片等
|
|
||||||
}
|
|
||||||
},
|
|
||||||
assetsInlineLimit: 2048
|
|
||||||
},
|
|
||||||
esbuild: {
|
|
||||||
// drop: ['console', 'debugger']
|
|
||||||
},
|
|
||||||
server: {
|
|
||||||
port: 3000,
|
|
||||||
open: true,
|
|
||||||
host: '0.0.0.0',
|
|
||||||
fs: {
|
|
||||||
strict: false
|
|
||||||
}
|
}
|
||||||
}
|
resolve({
|
||||||
}
|
base: './',
|
||||||
|
envDir: 'env',
|
||||||
|
plugins: [
|
||||||
|
VueMacros({
|
||||||
|
plugins: {
|
||||||
|
vue: Vue(),
|
||||||
|
vueJsx: VueJsx() // if needed
|
||||||
|
}
|
||||||
|
// betterDefine: true,
|
||||||
|
// reactivityTransform: {
|
||||||
|
// exclude: [/node_modules/, /jQuery\.js/]
|
||||||
|
// }
|
||||||
|
}),
|
||||||
|
// Vue(),
|
||||||
|
// VueJsx(),
|
||||||
|
lifecycle === 'report' ? (visualizer({ open: false }) as any as PluginOption) : null,
|
||||||
|
importToCDN({
|
||||||
|
modules: [
|
||||||
|
{
|
||||||
|
name: 'vue',
|
||||||
|
var: 'Vue',
|
||||||
|
path: `https://lib.baomitu.com/vue/3.4.21/vue.runtime.global.prod.min.js`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'vue-router',
|
||||||
|
var: 'VueRouter',
|
||||||
|
path: 'https://lib.baomitu.com/vue-router/4.3.0/vue-router.global.prod.min.js'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'vue-demi',
|
||||||
|
var: 'VueDemi',
|
||||||
|
path: 'https://lib.baomitu.com/vue-demi/0.14.7/index.iife.min.js'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'mockjs',
|
||||||
|
var: 'Mock',
|
||||||
|
path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
// viteCompression({
|
||||||
|
// verbose: false,
|
||||||
|
// disable: false,
|
||||||
|
// threshold: 10240,
|
||||||
|
// algorithm: 'brotliCompress',
|
||||||
|
// }),
|
||||||
|
// viteCompression({
|
||||||
|
// verbose: false,
|
||||||
|
// disable: false,
|
||||||
|
// algorithm: 'gzip',
|
||||||
|
// threshold: 10240,
|
||||||
|
// }),
|
||||||
|
// viteImagemin({
|
||||||
|
// gifsicle: {
|
||||||
|
// optimizationLevel: 7,
|
||||||
|
// interlaced: false,
|
||||||
|
// },
|
||||||
|
// optipng: {
|
||||||
|
// optimizationLevel: 7,
|
||||||
|
// },
|
||||||
|
// mozjpeg: {
|
||||||
|
// quality: 20,
|
||||||
|
// },
|
||||||
|
// pngquant: {
|
||||||
|
// quality: [0.8, 0.9],
|
||||||
|
// speed: 4,
|
||||||
|
// },
|
||||||
|
// svgo: {
|
||||||
|
// plugins: [
|
||||||
|
// {
|
||||||
|
// name: 'removeViewBox',
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: 'removeEmptyAttrs',
|
||||||
|
// active: false,
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// },
|
||||||
|
// }),
|
||||||
|
],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||||||
|
},
|
||||||
|
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
sourcemap: false,
|
||||||
|
rollupOptions: {
|
||||||
|
// https://rollupjs.org/guide/en/#outputmanualchunks
|
||||||
|
output: {
|
||||||
|
manualChunks(id, { getModuleInfo }) {
|
||||||
|
const reg = /(.*)\/src\/components\/(.*)/
|
||||||
|
if (reg.test(id)) {
|
||||||
|
const importersLen = getModuleInfo(id)?.importers.length ?? 0
|
||||||
|
// 被多处引用
|
||||||
|
if (importersLen > 1) return 'common'
|
||||||
|
}
|
||||||
|
if (id.includes('node_modules')) return 'vendor'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/home/Publish.vue')) return 'other'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/home/Music.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/home/MusicRankList.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/home/LivePage.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/home/SearchPage.vue')) return 'other'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/shop/Shop.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/shop/GoodsDetail.vue')) return 'other'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/message/Message.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/Fans.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/AllMessage.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/notice/DouyinHelper.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/notice/SystemNotice.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/notice/TaskNotice.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/notice/LiveNotice.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/message/notice/MoneyNotice.vue')) return 'other'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/me/Me.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/me/Visitors.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/me/RequestUpdate.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/me/userinfo/EditUserInfo.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/me/userinfo/EditUserInfoItem.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/me/MyMusic.vue')) return 'other'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/other/VideoDetail.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/other/AlbumDetail.vue')) return 'other'
|
||||||
|
|
||||||
|
if (id.includes('/src/pages/people/FindAcquaintance.vue')) return 'other'
|
||||||
|
if (id.includes('/src/pages/people/FollowAndFans.vue')) return 'other'
|
||||||
|
},
|
||||||
|
chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
|
||||||
|
entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
|
||||||
|
assetFileNames: 'assets/[name]-[hash].[ext]' // 资源文件像 字体，图片等
|
||||||
|
}
|
||||||
|
},
|
||||||
|
assetsInlineLimit: 2048
|
||||||
|
},
|
||||||
|
define: {
|
||||||
|
LATEST_COMMIT_HASH: JSON.stringify(
|
||||||
|
latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')
|
||||||
|
)
|
||||||
|
},
|
||||||
|
esbuild: {
|
||||||
|
// drop: ['console', 'debugger']
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
port: 3000,
|
||||||
|
open: true,
|
||||||
|
host: '0.0.0.0',
|
||||||
|
fs: {
|
||||||
|
strict: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
preview: {
|
||||||
|
port: 5555
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user