build: use rollup for better tree-shaking

.babelrc

@@ -2,6 +2,7 @@
   "presets": [
     ["@babel/preset-env",
       {
+        "modules": false,
         "targets": {
           "browsers": [
             "> 1%",
@@ -27,4 +28,4 @@
       }
     ]
   ]
-}
+}

package.json

@@ -2,9 +2,9 @@
   "name": "spritejs",
   "version": "3.7.27",
   "description": "A cross platform high-performance graphics system.",
+  "module": "dist/spritejs.esm.js",
   "main": "dist/spritejs.js",
   "typings": "typings/spritejs.d.ts",
-  "module": "lib/index.js",
   "scripts": {
     "test": "jest --coverage",
     "test:build": "jest --updateSnapshot --coverage",
@@ -42,6 +42,10 @@
     "@babel/register": "^7.8.6",
     "@demosify/core": "^0.6.0",
     "@purtuga/esm-webpack-plugin": "^1.2.1",
+    "@rollup/plugin-babel": "^5.2.1",
+    "@rollup/plugin-commonjs": "^15.1.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^9.0.0",
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.6",
     "babel-plugin-transform-gl-matrix": "^0.6.0",
@@ -56,6 +60,9 @@
     "node-canvas-webgl": "^0.2.6",
     "raw-loader": "^3.1.0",
     "request": "^2.88.0",
+    "rollup": "^2.29.0",
+    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-string": "^3.0.0",
     "webpack": "^4.33.0",
     "webpack-cli": "^3.3.4",
     "webpack-dev-server": "^3.11.0"

rollup.config.js

@@ -0,0 +1,49 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import babel from '@rollup/plugin-babel';
+import json from '@rollup/plugin-json';
+import {string} from 'rollup-plugin-string';
+import globals from 'rollup-plugin-node-globals';
+
+const pkg = require('./package.json');
+
+/** @type {import('rollup').RollupOptions} */
+const config = {
+  input: './src/index',
+  output: [
+    {
+      format: 'es',
+      sourcemap: true,
+      file: pkg.module,
+    },
+    {
+      format: 'umd',
+      name: 'spritejs',
+      sourcemap: true,
+      file: pkg.main,
+    },
+  ],
+  plugins: [
+    babel({
+      babelHelpers: 'runtime',
+      skipPreflightCheck: true,
+      exclude: /node_modules/,
+    }),
+    json(),
+    resolve(),
+    commonjs({
+      transformMixedEsModules: true,
+    }),
+    string({
+      include: ['**/*.frag', '**/*.vert', '**/*.glsl'],
+    }),
+    globals({
+      process: false,
+      buffer: false,
+      dirname: false,
+      filename: false,
+    }),
+  ],
+};
+
+export default config;