add size checking

Author: kazupon

.github/workflows/lint.yml

@@ -18,7 +18,7 @@ env:
   CI: true
 
 jobs:
-  test:
+  lint:
     name: 'Lint on Node.js ${{ matrix.node }} OS: ${{matrix.os}}'
     runs-on: ${{ matrix.os }}
     strategy:

.github/workflows/size.yml

@@ -0,0 +1,47 @@
+name: Size
+on:
+  push:
+    branches-ignore:
+      - gh-pages
+      - releases/**
+  pull_request:
+    branches-ignore:
+      - gh-pages
+      - releases/**
+    types:
+      - opened
+      - synchronize
+      - reopened
+permissions:
+  contents: read
+env:
+  CI: true
+
+jobs:
+  size:
+    name: 'Size check on Node.js ${{ matrix.node }} OS: ${{matrix.os}}'
+    runs-on: ${{ matrix.os }}
+    env:
+      CI_JOB_NUMBER: 1
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+        node: [14]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node.js ${{ matrix.node }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+          cache: 'yarn'
+      - name: Install
+        run: yarn install
+      - name: Build packages
+        run: yarn build
+      - name: Check build size
+        uses: posva/[email protected]
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          build_script: build:size
+          files: packages/vue-i18n/dist/vue-i18n.global.prod.js packages/vue-i18n/dist/vue-i18n.runtime.global.prod.js packages/petite-vue-i18n/dist/petite-vue-i18n.global.prod.js packages/petite-vue-i18n/dist/petite-vue-i18n.runtime.prod.js packages/size-check-vue-i18n/dist/assets/index.js packages/size-check-petite-vue-i18n/dist/assets/index.js

package.json

@@ -17,9 +17,9 @@
     "benchmark": "node ./benchmark/index.js",
     "build": "node -r esbuild-register scripts/build.ts",
     "build:size": "npm-run-all --parallel build:size-*",
-    "build:size-core": "cd packages/size-check-core && yarn build --minify false",
-    "build:size-petite-vue-i18n": "cd packages/size-check-petite-vue-i18n && yarn build --minify false",
-    "build:size-vue-i18n": "cd packages/size-check-vue-i18n && yarn build --minify false",
+    "build:size-core": "cd packages/size-check-core && yarn build",
+    "build:size-petite-vue-i18n": "cd packages/size-check-petite-vue-i18n && yarn build",
+    "build:size-vue-i18n": "cd packages/size-check-vue-i18n && yarn build",
     "build:sourcemap": "yarn build --sourcemap",
     "build:type": "yarn build --types && tail -n +32 ./packages/vue-i18n/src/vue.d.ts >> ./packages/vue-i18n/dist/vue-i18n.d.ts && tail -n +32 ./packages/petite-vue-i18n/src/vue.d.ts >> ./packages/petite-vue-i18n/dist/petite-vue-i18n.d.ts",
     "build:typed": "yarn build core-base vue-i18n-core --types",

packages/size-check-core/vite.config.ts

@@ -16,5 +16,14 @@ export default defineConfig({
     'process.env.NODE_ENV': JSON.stringify('production'),
     __INTLIFY_PROD_DEVTOOLS__: false
   },
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].js`,
+        chunkFileNames: `assets/[name].js`,
+        assetFileNames: `assets/[name].[ext]`
+      }
+    }
+  },
   plugins: []
 })

packages/size-check-petite-vue-i18n/vite.config.ts

@@ -23,7 +23,17 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      'vue-i18n': 'petite-vue-i18n/dist/petite-vue-i18n.runtime.esm-bundler.js'
+      'vue-i18n':
+        '../petite-vue-i18n/dist/petite-vue-i18n.runtime.esm-bundler.js'
+    }
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].js`,
+        chunkFileNames: `assets/[name].js`,
+        assetFileNames: `assets/[name].[ext]`
+      }
     }
   },
   plugins: [vue()]

packages/size-check-vue-i18n/vite.config.ts

@@ -23,7 +23,16 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      'vue-i18n': 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js'
+      'vue-i18n': '../vue-i18n/dist/vue-i18n.runtime.esm-bundler.js'
+    }
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].js`,
+        chunkFileNames: `assets/[name].js`,
+        assetFileNames: `assets/[name].[ext]`
+      }
     }
   },
   plugins: [vue()]