Merge pull request #172 from merceyz/bundle-size

fix: reduce bundle size

Author: iamstevendao

babel.config.js

@@ -1,5 +1,11 @@
 module.exports = {
   presets: [
-    '@vue/app',
-  ],
+    [
+      '@vue/cli-plugin-babel/preset',
+      {
+        absoluteRuntime: false,
+        version: require('@babel/runtime/package.json').version
+      }
+    ]
+  ]
 };

build/rollup.config.base.js

@@ -1,5 +1,4 @@
 import babel from 'rollup-plugin-babel';
-import resolve from 'rollup-plugin-node-resolve';
 import vue from 'rollup-plugin-vue';
 import cjs from 'rollup-plugin-commonjs';
 import replace from 'rollup-plugin-replace';
@@ -11,9 +10,6 @@ const config = require('../package.json');
 export default {
   input: 'src/index.js',
   plugins: [
-    resolve({
-      mainFields: ['module', 'jsnext:main', 'main', 'browser'],
-    }),
     vue({
       css: true,
     }),

build/rollup.config.browser.js

@@ -1,4 +1,5 @@
 import { terser } from 'rollup-plugin-terser';
+import resolve from 'rollup-plugin-node-resolve';
 import base from './rollup.config.base';
 
 const config = Object.assign({}, base, {
@@ -12,4 +13,10 @@ const config = Object.assign({}, base, {
 
 config.plugins.push(terser());
 
+config.plugins.push(
+  resolve({
+    mainFields: ["module", "jsnext:main", "main", "browser"]
+  })
+);
+
 export default config;

build/rollup.config.umd.js

@@ -1,3 +1,4 @@
+import resolve from 'rollup-plugin-node-resolve';
 import base from './rollup.config.base';
 
 const config = Object.assign({}, base, {
@@ -9,4 +10,10 @@ const config = Object.assign({}, base, {
   },
 });
 
+config.plugins.push(
+  resolve({
+    mainFields: ["module", "jsnext:main", "main", "browser"]
+  })
+);
+
 export default config;

package-lock.json

@@ -12,10 +12,10 @@
   "scripts": {
     "dev": "vue-cli-service serve",
     "demo": "vue-cli-service build",
-    "build": "set NODE_ENV=production && npm run build:browser && npm run build:es && npm run build:umd",
-    "build:browser": "rollup --config build/rollup.config.browser.js",
-    "build:es": "rollup --config build/rollup.config.es.js",
-    "build:umd": "rollup --config build/rollup.config.umd.js",
+    "build": "npm run build:browser && npm run build:es && npm run build:umd",
+    "build:browser": "cross-env NODE_ENV=production rollup --config build/rollup.config.browser.js",
+    "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.es.js",
+    "build:umd": "cross-env NODE_ENV=production rollup --config build/rollup.config.umd.js",
     "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit"
   },
@@ -26,7 +26,9 @@
   "module": "dist/vue-tel-input.esm.js",
   "unpkg": "dist/vue-tel-input.min.js",
   "dependencies": {
-    "awesome-phonenumber": "^2.15.0"
+    "@babel/runtime": "^7.8.4",
+    "awesome-phonenumber": "^2.15.0",
+    "core-js": "^3.6.4"
   },
   "devDependencies": {
     "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
@@ -40,7 +42,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^23.6.0",
-    "core-js": "^3.6.4",
+    "cross-env": "^7.0.2",
     "eslint": "^6.7.2",
     "eslint-plugin-jest": "^22.15.1",
     "eslint-plugin-vue": "^6.1.2",