ci: improve size script

yyx990803 · yyx990803 · commit f27a98becc8b · 2021-09-23T14:46:16.000-04:00
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -50,4 +50,4 @@ jobs:
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           build_script: size
-          files: packages/vue/dist/vue.global.prod.js packages/runtime-dom/dist/runtime-dom.global.prod.js packages/size-check/dist/size-check.global.prod.js
+          files: packages/vue/dist/vue.global.prod.js packages/runtime-dom/dist/runtime-dom.global.prod.js packages/size-check/dist/index.js
diff --git a/package.json b/package.json
@@ -7,16 +7,18 @@
   "scripts": {
     "dev": "node scripts/dev.js",
     "build": "node scripts/build.js",
-    "size": "node scripts/build.js vue runtime-dom size-check -p -f global",
+    "size": "run-s size-global size-baseline",
+    "size-global": "node scripts/build.js vue runtime-dom -f global -p",
+    "size-baseline": "node scripts/build.js vue runtime-dom runtime-core reactivity shared -f esm-bundler && cd packages/size-check && vite build",
     "lint": "eslint --ext .ts packages/*/src/**.ts",
     "format": "prettier --write --parser typescript \"packages/**/*.ts?(x)\"",
     "test": "node scripts/build.js vue -f global -d && jest --runInBand",
     "test-dts": "node scripts/build.js shared reactivity runtime-core runtime-dom -dt -f esm-bundler && yarn test-dts-only",
     "test-dts-only": "tsc -p ./test-dts/tsconfig.json && tsc -p ./test-dts/tsconfig.build.json",
     "release": "node scripts/release.js",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "dev-compiler": "npm-run-all --parallel \"dev template-explorer\" serve",
-    "dev-sfc": "npm-run-all --parallel \"dev compiler-sfc -f esm-browser\" \"dev runtime-core -f esm-bundler\" \"dev runtime-dom -f esm-bundler\" serve-sfc-playground",
+    "dev-compiler": "run-p \"dev template-explorer\" serve",
+    "dev-sfc": "run-p \"dev compiler-sfc -f esm-browser\" \"dev runtime-core -f esm-bundler\" \"dev runtime-dom -f esm-bundler\" serve-sfc-playground",
     "serve-sfc-playground": "vite packages/sfc-playground --host",
     "serve": "serve",
     "open": "open http://localhost:5000/packages/template-explorer/local.html",
diff --git a/packages/size-check/package.json b/packages/size-check/package.json
@@ -2,10 +2,10 @@
   "name": "@vue/size-check",
   "version": "3.2.16",
   "private": true,
-  "buildOptions": {
-    "name": "Vue",
-    "formats": [
-      "global"
-    ]
+  "scripts": {
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "vite": "^2.5.10"
   }
 }
diff --git a/packages/size-check/src/index.ts b/packages/size-check/src/index.ts
@@ -1,4 +1,4 @@
-import { h, createApp } from '@vue/runtime-dom'
+import { h, createApp } from 'vue'
 
 // The bare minimum code required for rendering something to the screen
 createApp({
diff --git a/packages/size-check/vite.config.js b/packages/size-check/vite.config.js
@@ -0,0 +1,10 @@
+export default {
+  build: {
+    rollupOptions: {
+      input: ['src/index.ts'],
+      output: {
+        entryFileNames: `[name].js`
+      }
+    }
+  }
+}
diff --git a/scripts/build.js b/scripts/build.js
@@ -155,7 +155,7 @@ async function build(target) {
 }
 
 function checkAllSizes(targets) {
-  if (devOnly) {
+  if (devOnly || (formats && !formats.includes('global'))) {
     return
   }
   console.log()
@@ -168,7 +168,9 @@ function checkAllSizes(targets) {
 function checkSize(target) {
   const pkgDir = path.resolve(`packages/${target}`)
   checkFileSize(`${pkgDir}/dist/${target}.global.prod.js`)
-  checkFileSize(`${pkgDir}/dist/${target}.runtime.global.prod.js`)
+  if (!formats || formats.includes('global-runtime')) {
+    checkFileSize(`${pkgDir}/dist/${target}.runtime.global.prod.js`)
+  }
 }
 
 function checkFileSize(filePath) {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { h, createApp } from '@vue/runtime-dom'`
	`1`	`+import { h, createApp } from 'vue'`
`2`	`2`
`3`	`3`	`// The bare minimum code required for rendering something to the screen`
`4`	`4`	`createApp({`
Original file line number	Diff line number	Diff line change
`@@ -155,7 +155,7 @@ async function build(target) {`
`155`	`155`	`}`
`156`	`156`
`157`	`157`	`function checkAllSizes(targets) {`
`158`		`- if (devOnly) {`
	`158`	`+ if (devOnly \|\| (formats && !formats.includes('global'))) {`
`159`	`159`	`return`
`160`	`160`	`}`
`161`	`161`	`console.log()`
`@@ -168,7 +168,9 @@ function checkAllSizes(targets) {`
`168`	`168`	`function checkSize(target) {`
`169`	`169`	const pkgDir = path.resolve(`packages/${target}`)
`170`	`170`	checkFileSize(`${pkgDir}/dist/${target}.global.prod.js`)
`171`		- checkFileSize(`${pkgDir}/dist/${target}.runtime.global.prod.js`)
	`171`	`+ if (!formats \|\| formats.includes('global-runtime')) {`
	`172`	+ checkFileSize(`${pkgDir}/dist/${target}.runtime.global.prod.js`)
	`173`	`+ }`
`172`	`174`	`}`
`173`	`175`
`174`	`176`	`function checkFileSize(filePath) {`