npm - sintfacilis - Versions diffs - 1.0.0 - Mend

sintfacilis 1.0.0

Files changed (461) hide show

package/demos/tree-shaking-rollup/package.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "@esri/arcgis-rest-tree-shaking-rollup",
+  "version": "3.3.0",
+  "private": true,
+  "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:app": "rollup -c"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@babel/core": "^7.4.0",
+    "@babel/preset-env": "^7.4.2",
+    "babel-loader": "^8.0.5",
+    "rollup": "^1.7.4",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-node-resolve": "^4.0.1"
+  },
+  "dependencies": {
+    "@esri/arcgis-rest-portal": "^3.3.0",
+    "@esri/arcgis-rest-request": "^3.3.0"
+  }
+}

@@ -0,0 +1,17 @@
+// rollup.config.js
+import resolve from "rollup-plugin-node-resolve";
+import babel from "rollup-plugin-babel";
+export default {
+  input: "src/index.js",
+  output: {
+    file: "dist/bundle.js",
+    format: "iife"
+  },
+  plugins: [
+    resolve(),
+    babel({
+      exclude: "node_modules/**" // only transpile our source code
+    })
+  ]
+};

package/demos/tree-shaking-rollup/src/index.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { searchItems } from "@esri/arcgis-rest-portal";
+let element = document.createElement("div");
+document.body.appendChild(element);
+searchItems("water").then(response => {
+  element.innerHTML = JSON.stringify(response); // false
+});

package/demos/tree-shaking-webpack/README.md ADDED Viewed

@@ -0,0 +1,8 @@
+# Running this demo
+This demo shows how to have webpack [tree shake](https://rollupjs.org/guide/en#tree-shaking) `@esri/rest-js` and only include methods that are actually being called in its output bundle.
+1. Make sure you run `npm run bootstrap` in the root folder to setup the dependencies
+1. cd into `demos/tree-shaking-webpack`
+1. Run `npm run build:app`
+1. Load `index.html` in a web browser.

package/demos/tree-shaking-webpack/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>shaking the tree</title>
+</head>
+<body>
+  <script src="dist/bundle.js"></script>
+</body>
+</html>