build: add size check

Author: posva

packages/router/size-checks/rollup.config.mjs

@@ -9,59 +9,61 @@ import { defineConfig } from 'rollup'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
-const config = defineConfig({
-  external: ['vue'],
-  output: {
-    file: path.resolve(__dirname, './dist/webRouter.js'),
-    format: 'es',
-  },
-  input: path.resolve(__dirname, './webRouter.js'),
-  plugins: [
-    replace({
-      preventAssignment: true,
-      values: {
-        __DEV__: 'false',
-        // this is only used during tests
-        __TEST__: 'false',
-        // If the build is expected to run directly in the browser (global / esm builds)
-        __BROWSER__: 'true',
-        // is targeting bundlers?
-        __BUNDLER__: 'false',
-        __GLOBAL__: 'false',
-        // is targeting Node (SSR)?
-        __NODE_JS__: 'false',
-        __VUE_PROD_DEVTOOLS__: 'false',
-        'process.env.NODE_ENV': JSON.stringify('production'),
-      },
-    }),
-    ts({
-      check: false,
-      tsconfig: path.resolve(__dirname, '../tsconfig.json'),
-      cacheRoot: path.resolve(__dirname, '../node_modules/.rts2_cache'),
-      tsconfigOverride: {
-        compilerOptions: {
-          sourceMap: false,
-          declaration: false,
-          declarationMap: false,
+const configs = ['webRouter', 'webRouter_experimental'].map(file => {
+  return defineConfig({
+    external: ['vue'],
+    output: {
+      file: path.resolve(__dirname, `./dist/${file}.js`),
+      format: 'es',
+    },
+    input: path.resolve(__dirname, `./${file}.js`),
+    plugins: [
+      replace({
+        preventAssignment: true,
+        values: {
+          __DEV__: 'false',
+          // this is only used during tests
+          __TEST__: 'false',
+          // If the build is expected to run directly in the browser (global / esm builds)
+          __BROWSER__: 'true',
+          // is targeting bundlers?
+          __BUNDLER__: 'false',
+          __GLOBAL__: 'false',
+          // is targeting Node (SSR)?
+          __NODE_JS__: 'false',
+          __VUE_PROD_DEVTOOLS__: 'false',
+          'process.env.NODE_ENV': JSON.stringify('production'),
         },
-        exclude: ['__tests__', 'test-dts'],
-      },
-    }),
-    resolve(),
-    commonjs(),
-    terser({
-      // uncomment to debug output size changes
-      // mangle: false,
-      format: {
-        comments: false,
-      },
-      module: true,
-      compress: {
-        ecma: 2015,
-        pure_getters: true,
-      },
-    }),
-  ],
+      }),
+      ts({
+        check: false,
+        tsconfig: path.resolve(__dirname, '../tsconfig.json'),
+        cacheRoot: path.resolve(__dirname, '../node_modules/.rts2_cache'),
+        tsconfigOverride: {
+          compilerOptions: {
+            sourceMap: false,
+            declaration: false,
+            declarationMap: false,
+          },
+          exclude: ['__tests__', 'test-dts'],
+        },
+      }),
+      resolve(),
+      commonjs(),
+      terser({
+        // uncomment to debug output size changes
+        // mangle: false,
+        format: {
+          comments: false,
+        },
+        module: true,
+        compress: {
+          ecma: 2015,
+          pure_getters: true,
+        },
+      }),
+    ],
+  })
 })
 
-export default config
+export default configs

packages/router/size-checks/webRouter_experimental.js

@@ -0,0 +1,7 @@
+export { createWebHistory } from '../dist/vue-router.mjs'
+export {
+  createFixedResolver,
+  experimental_createRouter,
+  normalizeRouteRecord,
+  MatcherPatternPathStatic,
+} from '../dist/experimental/index.mjs'

scripts/check-size.mjs

@@ -40,6 +40,10 @@ async function checkFileSize(filePath) {
         __dirname,
         '../packages/router/dist/vue-router.global.prod.js'
       ),
+      path.resolve(
+        __dirname,
+        '../packages/router/size-checks/dist/webRouter_experimental.js'
+      ),
     ].map(checkFileSize)
   )
 })()