add

5 years ago · 976f445e83
15 changed files with 181 additions and 54 deletions
--- a/docs/.nojekyll
+++ b/docs/.nojekyll
--- a/docs/README.md
+++ b/docs/README.md
@ -0,0 +1,4 @@
+## 模块打包
+
+## rollup-demo1
+一个简单的示例，使用`rollup -c`打包两个文件
--- a/docs/index.html
+++ b/docs/index.html
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Document</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="Description">
+  <meta name="viewport"
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+</head>
+
+<body>
+  <div id="app"></div>
+  <script>
+    window.$docsify = {
+      name: 'rollup-demo',
+      nameLink: '/',
+      homepage: 'index.md',
+      loadSidebar: 'guide.md',
+      subMaxLevel: 2,
+      auto2top: true,
+      themeColor: '#3F51B5',
+      mergeNavbar: true,
+      formatUpdated: '{MM}/{DD} {HH}:{mm}',
+      repo: 'https://github.com/1549469775/for-docsify'
+    }
+  </script>
+  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+</body>
+
+</html>
--- a/package-lock.json
+++ b/package-lock.json
@ -0,0 +1,3 @@
+{
+  "lockfileVersion": 1
+}
--- a/rollup-demo3/dist/dist.amd.js
+++ b/rollup-demo3/dist/dist.amd.js
@ -1,9 +0,0 @@
-define(function () { 'use strict';
-
-  function logA() {
-    console.log('function logA called');
-  }
-
-  return logA;
-
-});
--- a/rollup-demo3/dist/dist.es.js
+++ b/rollup-demo3/dist/dist.es.js
@ -1,5 +0,0 @@
-function logA() {
-  console.log('function logA called');
-}
-
-export default logA;
--- a/rollup-demo3/dist/dist.iife.js
+++ b/rollup-demo3/dist/dist.iife.js
@ -1,10 +0,0 @@
-var result = (function () {
-  'use strict';
-
-  function logA() {
-    console.log('function logA called');
-  }
-
-  return logA;
-
-}());
--- a/rollup-demo3/dist/dist.cjs.js
+++ b/rollup-demo3/dist/dist.cjs.js
--- a/rollup-demo3/dist/dist.umd.js
+++ b/rollup-demo3/dist/dist.umd.js
@ -1,13 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global = global || self, global.result = factory());
-}(this, (function () { 'use strict';
-
-  function logA() {
-    console.log('function logA called');
-  }
-
-  return logA;
-
-})));
--- a/rollup-demo3/dist/dist2.js
+++ b/rollup-demo3/dist/dist2.js
@ -0,0 +1,10 @@
+var MyBundle = (function () {
+	'use strict';
+
+	console.log(123455);
+
+	var main2 = 123;
+
+	return main2;
+
+}());
--- a/rollup-demo3/main2.js
+++ b/rollup-demo3/main2.js
@ -0,0 +1,3 @@
+console.log(123455);
+
+export default 123
--- a/rollup-demo3/package-lock.json
+++ b/rollup-demo3/package-lock.json
@ -13,8 +13,15 @@
    "@types/node": {
      "version": "12.12.11",
      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.11.tgz",
-      "integrity": "sha512-O+x6uIpa6oMNTkPuHDa9MhMMehlxLAd5QcOvKRjAFsBVpeFWTOPnXbDvILvFgFFZfQ1xh1EZi1FbXxUix+zpsQ==",
-      "dev": true
+      "integrity": "sha512-O+x6uIpa6oMNTkPuHDa9MhMMehlxLAd5QcOvKRjAFsBVpeFWTOPnXbDvILvFgFFZfQ1xh1EZi1FbXxUix+zpsQ=="
+    },
+    "@types/resolve": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
+      "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==",
+      "requires": {
+        "@types/node": "*"
+      }
    },
    "acorn": {
      "version": "7.1.0",
@ -22,6 +29,42 @@
      "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==",
      "dev": true
    },
+    "builtin-modules": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz",
+      "integrity": "sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw=="
+    },
+    "estree-walker": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
+      "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w=="
+    },
+    "is-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE="
+    },
+    "magic-string": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.4.tgz",
+      "integrity": "sha512-oycWO9nEVAP2RVPbIoDoA4Y7LFIJ3xRYov93gAyJhZkET1tNuB0u7uWkZS2LpBWTJUWnmau/To8ECWRC+jKNfw==",
+      "requires": {
+        "sourcemap-codec": "^1.4.4"
+      }
+    },
+    "path-parse": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
+    },
+    "resolve": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.14.1.tgz",
+      "integrity": "sha512-fn5Wobh4cxbLzuHaE+nphztHy43/b++4M6SsGFC2gB8uYwf0C8LcarfCz1un7UTW8OFQg9iNjZ4xpcFVGebDPg==",
+      "requires": {
+        "path-parse": "^1.0.6"
+      }
+    },
    "rollup": {
      "version": "1.27.3",
      "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.27.3.tgz",
@ -32,6 +75,40 @@
        "@types/node": "*",
        "acorn": "^7.1.0"
      }
+    },
+    "rollup-plugin-node-resolve": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz",
+      "integrity": "sha512-jUlyaDXts7TW2CqQ4GaO5VJ4PwwaV8VUGA7+km3n6k6xtOEacf61u0VXwN80phY/evMcaS+9eIeJ9MOyDxt5Zw==",
+      "requires": {
+        "@types/resolve": "0.0.8",
+        "builtin-modules": "^3.1.0",
+        "is-module": "^1.0.0",
+        "resolve": "^1.11.1",
+        "rollup-pluginutils": "^2.8.1"
+      }
+    },
+    "rollup-plugin-replace": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-replace/-/rollup-plugin-replace-2.2.0.tgz",
+      "integrity": "sha512-/5bxtUPkDHyBJAKketb4NfaeZjL5yLZdeUihSfbF2PQMz+rSTEb8ARKoOl3UBT4m7/X+QOXJo3sLTcq+yMMYTA==",
+      "requires": {
+        "magic-string": "^0.25.2",
+        "rollup-pluginutils": "^2.6.0"
+      }
+    },
+    "rollup-pluginutils": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
+      "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
+      "requires": {
+        "estree-walker": "^0.6.1"
+      }
+    },
+    "sourcemap-codec": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.6.tgz",
+      "integrity": "sha512-1ZooVLYFxC448piVLBbtOxFcXwnymH9oUF8nRd3CuYDVvkRBxRl6pB4Mtas5a4drtL+E8LDgFkQNcgIw6tc8Hg=="
    }
  }
 }
--- a/rollup-demo3/package.json
+++ b/rollup-demo3/package.json
@ -4,7 +4,7 @@
  "description": "",
  "main": "main.js",
  "scripts": {
-    "build": "rollup -c"
+    "build": "rollup --config rollup.config.js"
  },
  "repository": {
    "type": "git",
@ -15,5 +15,9 @@
  "license": "ISC",
  "devDependencies": {
    "rollup": "^1.27.3"
+  },
+  "dependencies": {
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0"
  }
 }
--- a/rollup-demo3/rollup.config.js
+++ b/rollup-demo3/rollup.config.js
@ -1,12 +1,42 @@
-const isPord = process.env.NODE_ENV == 'production';
+// // 单个文件
+// module.exports = {
+//   // 表示打包的入口文件
+//   input: 'main.js',
+//   // 表示输出文件
+//   output: {
+//     file: './dist/dist.js',
+//     format: 'cjs'
+//   }
+// }

-const input = 'main.js';
-const format = 'cjs';
-const dest = './dist/dist.js';
+// // 多个文件
+// module.exports = [{
+//   input: 'main.js',
+//   output: {
+//     file: './dist/dist.js',
+//     format: 'cjs'
+//   }
+// }, {
+//   input: 'main2.js',
+//   output: {
+//     file: './dist/dist2.js',
+//     format: 'iife',
+//     name: 'MyBundle'
+//   }
+// }]


+// 多个文件
 module.exports = {
-  input,
-  format,
-  dest
+  input: 'main.js',
+  output: [{
+      file: './dist/dist.js',
+      format: 'cjs'
+    },
+    {
+      file: './dist/dist2.js',
+      format: 'iife',
+      name: 'MyBundle'
+    }
+  ]
 }