build: Optimize bundle size

- disable source map
- exclude dependencies in esm build
- enable production build

.babelrc

@@ -1,7 +1,8 @@
 {
   "presets": ["@babel/preset-typescript", "@babel/preset-env"],
   "plugins": [
+    ["@babel/plugin-transform-runtime", { "useESModules": true }],
     ["@babel/proposal-decorators", { "legacy": true }],
     ["@babel/proposal-class-properties", { "loose": true }]
   ]
-}
+}

build/rollup.config.js

@@ -1,20 +1,25 @@
-import babel from 'rollup-plugin-babel';
+import babel from '@rollup/plugin-babel';
 import vue from 'rollup-plugin-vue';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
+import pkg from '../package.json';
 
 // TODO: visualizer - Bundle and dependency visualizer.
 
 const base = {
   input: 'src/index.ts',
-  external: ['vue'],
   plugins: [
     vue({
-      defaultLang: { script: 'ts' }
+      defaultLang: { script: 'ts' },
+      needMap: false,
+      template: {
+        isProduction: true,
+      }
     }),
     babel({
       exclude: 'node_modules/**',
       extensions: ['.js', '.ts', '.vue'],
+      babelHelpers: 'runtime',
     }),
     resolve({
       extensions: ['.mjs', '.ts', '.js', '.json', '.node']
@@ -23,10 +28,21 @@ const base = {
   ]
 };
 
+const external = ['vue',  ...Object.keys(pkg.dependencies)]
+
 const esModuleBuild = {
   output: {
     file: 'dist/vue-color.min.mjs',
     format: 'esm',
+  },
+  external: (id) => {
+    if (external.includes(id)) {
+      return true
+    }
+    if (id.startsWith('@babel/runtime')) {
+      return true
+    }
+    return false
   }
 };
 
@@ -38,7 +54,8 @@ const umdBuild = {
     globals: {
       'vue': 'Vue'
     }
-  }
+  },
+  external: ['vue'],
 }
 
-export default [esModuleBuild, umdBuild].map((output) => ({ ...base, ...output }));
+export default [esModuleBuild, umdBuild].map((output) => ({ ...base, ...output }));