build with rollup

Author: dai-shi

.size-snapshot.json

@@ -0,0 +1,7 @@
+{
+  "index.js": {
+    "bundled": 4098,
+    "minified": 2301,
+    "gzipped": 978
+  }
+}

babel.config.js

@@ -0,0 +1,19 @@
+module.exports = (api, targets) => {
+  // https://babeljs.io/docs/en/config-files#config-function-api
+  const isTestEnv = api.env('test')
+
+  return {
+    babelrc: false,
+    ignore: ['./node_modules'],
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          loose: true,
+          modules: isTestEnv ? 'commonjs' : false,
+          targets: isTestEnv ? { node: 'current' } : targets,
+        },
+      ],
+    ],
+  }
+}

package.json

@@ -6,7 +6,7 @@
   "main": "index.js",
   "scripts": {
     "prebuild": "shx rm -rf dist",
-    "build": "shx mkdir dist && shx cp lib/*.js dist",
+    "build": "rollup -c",
     "postbuild": "yarn copy",
     "test": "node tests/index.js",
     "copy": "copyfiles -f package.json README.md LICENSE dist && json -I -f dist/package.json -e \"this.private=false; this.devDependencies=undefined; this.optionalDependencies=undefined; this.scripts=undefined; this.husky=undefined; this.prettier=undefined; this.jest=undefined; this['lint-staged']=undefined;\""
@@ -44,15 +44,24 @@
   },
   "homepage": "https://github.com/pmndrs/eslint-plugin-valtio",
   "devDependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@rollup/plugin-babel": "^5.2.2",
+    "@rollup/plugin-node-resolve": "^11.0.1",
+    "copyfiles": "^2.4.1",
     "eslint": "^7.1.0",
-    "husky": "^4.3.6",
-    "lint-staged": "^10.5.3",
-    "prettier": "^2.2.1",
     "eslint-config-prettier": "^7.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jest": "^24.1.3",
     "eslint-plugin-prettier": "^3.3.0" ,
+    "husky": "^4.3.6",
+    "jest": "^26.6.3",
+    "json": "^10.0.0",
+    "lint-staged": "^10.5.3",
+    "prettier": "^2.2.1",
+    "rollup": "^2.35.1",
+    "rollup-plugin-size-snapshot": "^0.12.0",
     "shx": "^0.3.3"
   }
 }

rollup.config.js

@@ -0,0 +1,29 @@
+import path from 'path'
+import babel from '@rollup/plugin-babel'
+import resolve from '@rollup/plugin-node-resolve'
+import { sizeSnapshot } from 'rollup-plugin-size-snapshot'
+
+const createBabelConfig = require('./babel.config')
+
+const { root } = path.parse(process.cwd())
+const external = (id) => !id.startsWith('.') && !id.startsWith(root)
+const extensions = ['.js', '.ts', '.tsx']
+const getBabelOptions = (targets) => ({
+  ...createBabelConfig({ env: (env) => env === 'build' }, targets),
+  extensions,
+})
+
+function createCommonJSConfig(input, output) {
+  return {
+    input,
+    output: { file: output, format: 'cjs', exports: 'named' },
+    external,
+    plugins: [
+      resolve({ extensions }),
+      babel(getBabelOptions({ ie: 11 })),
+      sizeSnapshot(),
+    ],
+  }
+}
+
+export default [createCommonJSConfig('src/index.js', 'dist/index.js')]