Build UMD dist file with Rollup

github · May 17, 2018 · 432bf07785d051f61c90904cb0198ec2b2bf1d4d · 432bf07
1 parent 0a57487
commit 432bf07785d051f61c90904cb0198ec2b2bf1d4d
Unified Split

Showing with 20 additions and 4 deletions.

+1 −0 .gitignore

+4 −1 Makefile

+5 −1 package.json

+8 −0 rollup.config.js

+1 −1 test/test.html

+1 −1 test/worker.js
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,6 @@
 .env
 package-lock.json
+dist/
 bower_components/
 node_modules/
 sauce_connect/

diff --git a/Makefile b/Makefile
@@ -1,9 +1,12 @@
-test: node_modules/ lint
+test: lint dist/fetch.umd.js
 	./script/test
 
 lint: node_modules/
 	./node_modules/.bin/eslint --report-unused-disable-directives *.js test/*.js
 
+dist/fetch.umd.js: fetch.js rollup.config.js node_modules/
+	./node_modules/.bin/rollup -c
+
 node_modules/:
 	npm install
 

diff --git a/package.json b/package.json
@@ -2,7 +2,8 @@
   "name": "whatwg-fetch",
   "description": "A window.fetch polyfill.",
   "version": "2.0.3",
-  "main": "fetch.js",
+  "main": "./dist/fetch.umd.js",
+  "module": "./fetch.js",
   "repository": "github/fetch",
   "license": "MIT",
   "devDependencies": {
@@ -12,13 +13,16 @@
     "mocha": "2.1.0",
     "mocha-phantomjs-core": "2.0.1",
     "promise-polyfill": "6.0.2",
+    "rollup": "^0.59.1",
     "url-search-params": "0.6.1"
   },
   "files": [
     "LICENSE",
+    "dist/fetch.umd.js",
     "fetch.js"
   ],
   "scripts": {
+    "prepublish": "make dist/fetch.umd.js",
     "test": "make"
   }
 }
diff --git a/rollup.config.js b/rollup.config.js
@@ -0,0 +1,8 @@
+export default {
+  input: 'fetch.js',
+  output: {
+    file: 'dist/fetch.umd.js',
+    format: 'umd',
+    name: 'WHATWGFetch'
+  }
+}
diff --git a/test/test.html b/test/test.html
@@ -34,7 +34,7 @@
 
   <script src="/node_modules/promise-polyfill/promise.js"></script>
   <script src="/test/test.js"></script>
-  <script src="/fetch.js"></script>
+  <script src="/dist/fetch.umd.js"></script>
 
   <script>
     var runner = mocha.run();

diff --git a/test/worker.js b/test/worker.js
@@ -6,7 +6,7 @@ self.assert = chai.assert
 
 importScripts('/node_modules/promise-polyfill/promise.js')
 importScripts('/test/test.js')
-importScripts('/fetch.js')
+importScripts('/dist/fetch.umd.js')
 
 function title(test) {
   return test.fullTitle().replace(/#/g, '')