Replace Webpack with Microbundle

akx · akx · commit 36b71cf77e81 · 2022-07-06T19:00:15.000+03:00
diff --git a/.babelrc b/.babelrc
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
+/*.tgz
+dist
 node_modules
-dist
diff --git a/.npmignore b/.npmignore
@@ -1 +1,2 @@
+.idea
 node_modules
diff --git a/demo.html b/demo.html
@@ -8,7 +8,7 @@
   <script src="node_modules/react-dom/umd/react-dom.development.js"></script>
   <script src="node_modules/cytoscape/dist/cytoscape.min.js"></script>
   <script src="node_modules/prop-types/prop-types.js"></script>
-  <script src="dist/react-cytoscape.js"></script>
+  <script src="dist/react-cytoscape.umd.js"></script>
 
   <title>react-cytoscapejs demo</title>
 
diff --git a/package.json b/package.json
@@ -10,56 +10,50 @@
   "bugs": {
     "url": "https://github.com/plotly/react-cytoscapejs/issues"
   },
+  "amdName": "ReactCytoscape",
+  "exports": "./dist/react-cytoscape.modern.js",
+  "main": "dist/react-cytoscape.cjs.js",
+  "module": "dist/react-cytoscape.module.js",
+  "source": "src/index.js",
+  "umd:main": "dist/react-cytoscape.umd.js",
+  "unpkg": "dist/react-cytoscape.umd.js",
   "homepage": "https://github.com/plotly/react-cytoscapejs",
-  "main": "./dist/react-cytoscape.js",
   "scripts": {
-    "prepare": "run-s build:prod build:docgen",
-    "bundle": "webpack",
-    "build:dev": "cross-env NODE_ENV=development run-s bundle",
-    "build:prod": "cross-env NODE_ENV=production run-s bundle",
+    "prepare": "run-s build build:docgen",
+    "build": "microbundle --globals=react=React,cytoscape=cytoscape,prop-types=PropTypes",
     "build:docgen": "react-docgen src/component.js --pretty -o dist/react-cytoscape.docgen.json",
     "clean": "rimraf dist/*",
     "test:eslint": "eslint src/**",
     "test:eslint:fix": "eslint --fix src/**",
     "test:prettier": "prettier --list-different src/**",
     "test:prettier:fix": "prettier --write src/**",
-    "test:mocha": "run-s bundle test:mocha:run",
+    "test:mocha": "run-s build test:mocha:run",
     "test:mocha:run": "mocha-chrome test/index.html",
     "test": "run-s test:*",
-    "watch": "cross-env NODE_ENV=development webpack --watch --config webpack.config.js",
-    "start": "run-s watch",
-    "demo": "cross-env NODE_ENV=development webpack-serve webpack.config.js --open --open-path demo.html"
+    "watch": "microbundle watch --globals=react=React,cytoscape=cytoscape,prop-types=PropTypes",
+    "start": "run-s watch"
   },
   "peerDependencies": {
     "react": ">=15.0.0"
   },
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-polyfill": "^6.9.1",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-react": "^6.24.1",
     "chai": "^4.1.2",
-    "cross-env": "^5.0.0",
     "eslint": "^4.6.1",
     "eslint-config-standard": "^10.2.1",
     "eslint-plugin-import": "^2.7.0",
     "eslint-plugin-node": "^5.1.1",
     "eslint-plugin-promise": "^3.5.0",
     "eslint-plugin-standard": "^3.0.1",
     "immutable": "^3.8.2",
+    "microbundle": "^0.15.0",
     "mocha": "^5.2.0",
     "mocha-chrome": "^1.1.0",
     "npm-run-all": "^4.1.1",
     "prettier": "^1.13.7",
     "react": "^16.4.1",
     "react-docgen": "^2.21.0",
     "react-dom": "^16.4.1",
-    "rimraf": "^2.6.2",
-    "webpack": "^4.15.1",
-    "webpack-cli": "^3.0.8",
-    "webpack-dev-server": "^3.9.0",
-    "webpack-serve": "^1.0.4"
+    "rimraf": "^2.6.2"
   },
   "engines": {
     "node": ">=8.11.3"
diff --git a/src/index.js b/src/index.js
@@ -1 +1,2 @@
-module.exports = require('./component').default;
+import Component from './component';
+export default Component;
diff --git a/test/index.html b/test/index.html
@@ -13,7 +13,7 @@
   <script src="../node_modules/cytoscape/dist/cytoscape.min.js"></script>
   <script src="../node_modules/immutable/dist/immutable.js"></script>
   <script src="../node_modules/prop-types/prop-types.js"></script>
-  <script src="../dist/react-cytoscape.js"></script>
+  <script src="../dist/react-cytoscape.umd.js"></script>
 </head>
 
 <body>
diff --git a/webpack.config.js b/webpack.config.js

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
	`1`	`+/*.tgz`
	`2`	`+dist`
`1`	`3`	`node_modules`
`2`		`-dist`
Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`		`-module.exports = require('./component').default;`
	`1`	`+import Component from './component';`
	`2`	`+export default Component;`