add esm module support (#226)

* add esm module support

* update babelrc

package.json

@@ -28,13 +28,14 @@
     "rollup-plugin-commonjs": "^10.0.1",
     "rollup-plugin-eslint": "^7.0.0",
     "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-polyfill": "^3.0.0",
     "rollup-plugin-sourcemaps": "^0.4.2",
     "rollup-plugin-terser": "^5.1.1",
     "sinon": "^7.3.2"
   },
   "engines": {
     "npm": ">=4.0.0",
-    "node": ">=6.0.0"
+    "node": ">=8.0.0"
   },
   "scripts": {
     "postinstall": "lerna bootstrap --hoist --nohoist=core-js --no-ci",

packages/imask/.babelrc.js

@@ -1,5 +1,4 @@
 const presetOptions = {
-  modules: false,
   useBuiltIns: 'entry',
   corejs: '3',
 };

packages/imask/package.json

@@ -7,6 +7,7 @@
   "homepage": "https://imask.js.org/",
   "description": "vanilla javascript input mask",
   "main": "dist/imask.js",
+  "module": "dist/imask.esm.js",
   "repository": "https://github.com/uNmAnNeR/imaskjs",
   "types": "index.d.ts",
   "engines": {
@@ -16,13 +17,10 @@
     "test": "cross-env NODE_ENV=test nyc mocha --exit --recursive",
     "pretest": "flow check",
     "watch": "rollup -c -w",
-    "build": "npm run build:dev && npm run build:prod",
-    "build:dev": "npm run build:dev:es && npm run build:dev:umd",
-    "build:prod": "npm run build:prod:es && npm run build:prod:umd",
-    "build:dev:es": "cross-env BABEL_ENV=es rollup -c",
-    "build:dev:umd": "rollup -c",
-    "build:prod:es": "cross-env NODE_ENV=production BABEL_ENV=es rollup -c",
-    "build:prod:umd": "cross-env NODE_ENV=production rollup -c",
+    "build": "npm run build:umd && npm run build:es && npm run build:esm",
+    "build:umd": "rollup -c",
+    "build:es": "cross-env BABEL_ENV=es rollup -c",
+    "build:esm": "cross-env BABEL_ENV=esm rollup -c",
     "flow": "flow",
     "coveralls": "nyc report --reporter=text-lcov | coveralls"
   },

packages/imask/rollup.config.js

@@ -3,24 +3,19 @@ import { terser } from 'rollup-plugin-terser';
 import { eslint } from 'rollup-plugin-eslint';
 import resolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
+import polyfill from 'rollup-plugin-polyfill';
 
 
-const isProd = process.env.NODE_ENV === 'production';
 const format = process.env.BABEL_ENV || 'umd';
 
-const isES = format === 'es';
-const file = 'dist/imask' +
-  (format !== 'umd' ? '.' + format : '') +
-  (isProd ? '.min' : '') +
-  '.js';
+const isES = format.indexOf('es') === 0;
+const basePath = 'dist/imask' + (format !== 'umd' ? '.' + format : '');
 
-const input = isES ? 'src/imask.js' : 'src/imask.shim.js';
 
-
-export default {
-  input,
+export default [false, true].map(min => ({
+  input: 'src/imask.js',
   output: {
-    file,
+    file: `${basePath}${min ? '.min' : ''}.js`,
     format,
     name: 'IMask',
     sourcemap: true,
@@ -30,6 +25,7 @@ export default {
     resolve(),
     babel(),
     !isES && commonjs(),
-    isProd && terser()
-  ]
-}
+    !isES && polyfill(['./polyfills.js']),
+    min && terser(),
+  ],
+}));