fix: tree shaking optimaization (#125)

intlify · Sep 25, 2020 · 9a68b1f · 9a68b1f
1 parent b9acd3d
commit 9a68b1f
Show file tree

Hide file tree

Showing 34 changed files with 8,631 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -96,7 +96,7 @@
   },
   "scripts": {
     "benchmark": "yarn build && node ./benchmark/index.js",
-    "build": "node ./scripts/build.js",
+    "build": "yarn clean:cache:rollup && node ./scripts/build.js",
     "build:sourcemap": "yarn build --sourcemap",
     "build:type": "yarn build --types && tail -n +14 src/vue.d.ts >> ./dist/vue-i18n.d.ts",
     "build:watch": "tsc -p . --watch",
@@ -105,6 +105,7 @@
     "clean:cache:rollup": "rm -rf ./node_modules/.rts2_cache",
     "clean:cache:jest": "jest --clearCache",
     "clean:coverage": "rm -rf ./coverage",
+    "clean:size": "rm -rf ./size-check/**/dist ./size-check/**/node_modules",
     "clean:dist": "rm -rf ./dist/**",
     "clean:docs": "rm -rf ./docs",
     "clean:type": "rm -rf ./types/** ./temp ./dist/vue-i18n.d.ts",

diff --git a/size-check/basic/index.html b/size-check/basic/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title></title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>
diff --git a/size-check/basic/package.json b/size-check/basic/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "basic",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --config vite.config.ts --mode production --minify false"
+  },
+  "dependencies": {
+    "vue": "^3.0.0",
+    "vue-i18n": "link:../.."
+  },
+  "devDependencies": {
+    "vite": "^1.0.0-rc.4",
+    "@vue/compiler-sfc": "^3.0.0"
+  }
+}
diff --git a/size-check/basic/src/App.vue b/size-check/basic/src/App.vue
@@ -0,0 +1,18 @@
+<template>
+  <form>
+    <label>{{ $t('language') }}</label>
+    <select v-model="$i18n.locale">
+      <option value="en">en</option>
+      <option value="ja">ja</option>
+    </select>
+  </form>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'App'
+})
+</script>
+
diff --git a/size-check/basic/src/locales/en.json b/size-check/basic/src/locales/en.json
@@ -0,0 +1,3 @@
+{
+  "language": "Languages"
+}
diff --git a/size-check/basic/src/locales/ja.json b/size-check/basic/src/locales/ja.json
@@ -0,0 +1,3 @@
+{
+  "language": "言語"
+}
diff --git a/size-check/basic/src/main.js b/size-check/basic/src/main.js
@@ -0,0 +1,15 @@
+import { createApp } from 'vue'
+import { createI18n } from 'vue-i18n'
+import App from './App.vue'
+import en from './locales/en.json'
+import ja from './locales/ja.json'
+
+const i18n = createI18n({
+  locale: 'en',
+  messages: {
+    en,
+    ja
+  }
+})
+
+createApp(App).use(i18n).mount('#app')
diff --git a/size-check/basic/vite.config.ts b/size-check/basic/vite.config.ts
@@ -0,0 +1,15 @@
+import { resolve } from 'path'
+import { BuildConfig } from 'vite'
+
+const config: BuildConfig = {
+  minify: false,
+  rollupInputOptions: {
+    input: resolve(__dirname, './src/main.js'),
+    external: ['vue'],
+    treeshake: {
+      moduleSideEffects: false
+    }
+  }
+}
+
+export default config