mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-25 15:15:19 +00:00
108 lines
3.1 KiB
TypeScript
108 lines
3.1 KiB
TypeScript
import { fileURLToPath } from 'node:url'
|
|
import fsp from 'node:fs/promises'
|
|
import { afterAll, beforeAll, describe, expect, it } from 'vitest'
|
|
import { execaCommand } from 'execa'
|
|
import { globby } from 'globby'
|
|
import { join } from 'pathe'
|
|
import { isWindows } from 'std-env'
|
|
|
|
describe.skipIf(isWindows)('minimal nuxt application', () => {
|
|
const rootDir = fileURLToPath(new URL('./fixtures/minimal', import.meta.url))
|
|
const publicDir = join(rootDir, '.output/public')
|
|
const serverDir = join(rootDir, '.output/server')
|
|
|
|
const stats = {
|
|
client: { totalBytes: 0, files: [] as string[] },
|
|
server: { totalBytes: 0, files: [] as string[] }
|
|
}
|
|
|
|
beforeAll(async () => {
|
|
await execaCommand(`pnpm nuxi build ${rootDir}`)
|
|
}, 120 * 1000)
|
|
|
|
afterAll(async () => {
|
|
await fsp.writeFile(join(rootDir, '.output/test-stats.json'), JSON.stringify(stats, null, 2))
|
|
})
|
|
|
|
it('default client bundle size', async () => {
|
|
stats.client = await analyzeSizes('**/*.js', publicDir)
|
|
expect(stats.client.totalBytes).toBeLessThan(108000)
|
|
expect(stats.client.files.map(f => f.replace(/\..*\.js/, '.js'))).toMatchInlineSnapshot(`
|
|
[
|
|
"_nuxt/app.js",
|
|
"_nuxt/entry.js",
|
|
"_nuxt/error-404.js",
|
|
"_nuxt/error-500.js",
|
|
"_nuxt/error-component.js",
|
|
]
|
|
`)
|
|
})
|
|
|
|
it('default server bundle size', async () => {
|
|
stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
|
|
expect(stats.server.totalBytes).toBeLessThan(90000)
|
|
|
|
const modules = await analyzeSizes('node_modules/**/*', serverDir)
|
|
expect(modules.totalBytes).toBeLessThan(2700000)
|
|
|
|
const packages = modules.files
|
|
.filter(m => m.endsWith('package.json'))
|
|
.map(m => m.replace('/package.json', '').replace('node_modules/', ''))
|
|
.sort()
|
|
expect(packages).toMatchInlineSnapshot(`
|
|
[
|
|
"@babel/parser",
|
|
"@unhead/dom",
|
|
"@unhead/ssr",
|
|
"@unhead/vue",
|
|
"@vue/compiler-core",
|
|
"@vue/compiler-dom",
|
|
"@vue/compiler-ssr",
|
|
"@vue/reactivity",
|
|
"@vue/runtime-core",
|
|
"@vue/runtime-dom",
|
|
"@vue/server-renderer",
|
|
"@vue/shared",
|
|
"buffer-from",
|
|
"cookie-es",
|
|
"defu",
|
|
"destr",
|
|
"estree-walker",
|
|
"h3",
|
|
"hookable",
|
|
"iron-webcrypto",
|
|
"node-fetch-native",
|
|
"ofetch",
|
|
"ohash",
|
|
"pathe",
|
|
"radix3",
|
|
"scule",
|
|
"source-map",
|
|
"source-map-support",
|
|
"ufo",
|
|
"uncrypto",
|
|
"unctx",
|
|
"unenv",
|
|
"unstorage",
|
|
"vue",
|
|
"vue-bundle-renderer",
|
|
]
|
|
`)
|
|
})
|
|
})
|
|
|
|
async function analyzeSizes (pattern: string | string[], rootDir: string) {
|
|
const files: string[] = await globby(pattern, { cwd: rootDir })
|
|
let totalBytes = 0
|
|
for (const file of files) {
|
|
const path = join(rootDir, file)
|
|
const isSymlink = (await fsp.lstat(path).catch(() => null))?.isSymbolicLink()
|
|
|
|
if (!isSymlink) {
|
|
const bytes = Buffer.byteLength(await fsp.readFile(path))
|
|
totalBytes += bytes
|
|
}
|
|
}
|
|
return { files, totalBytes }
|
|
}
|