topuser
/
rollup-demo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add

master
1549469775 5 years ago
parent
117914a887
commit
976f445e83
15 changed files with 181 additions and 54 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 0
      docs/.nojekyll
  2. 4
      docs/README.md
  3. 33
      docs/index.html
  4. 3
      package-lock.json
  5. 9
      rollup-demo3/dist/dist.amd.js
  6. 5
      rollup-demo3/dist/dist.es.js
  7. 10
      rollup-demo3/dist/dist.iife.js
  8. 0
      rollup-demo3/dist/dist.js
  9. 13
      rollup-demo3/dist/dist.umd.js
  10. 10
      rollup-demo3/dist/dist2.js
  11. 3
      rollup-demo3/main2.js
  12. 81
      rollup-demo3/package-lock.json
  13. 6
      rollup-demo3/package.json
  14. 44
      rollup-demo3/rollup.config.js

0
docs/.nojekyll
View File

4
docs/README.md
View File

@ -0,0 +1,4 @@
## 模块打包
## rollup-demo1
一个简单的示例，使用`rollup -c`打包两个文件

33
docs/index.html
View File

@ -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>

3
package-lock.json
View File

@ -0,0 +1,3 @@
{
"lockfileVersion": 1
}

9
rollup-demo3/dist/dist.amd.js
View File

@ -1,9 +0,0 @@
define(function () { 'use strict';
function logA() {
console.log('function logA called');
}
return logA;
});

5
rollup-demo3/dist/dist.es.js
View File

@ -1,5 +0,0 @@
function logA() {
console.log('function logA called');
}
export default logA;

10
rollup-demo3/dist/dist.iife.js
View File

@ -1,10 +0,0 @@
var result = (function () {
'use strict';
function logA() {
console.log('function logA called');
}
return logA;
}());

0
rollup-demo3/dist/dist.cjs.js → rollup-demo3/dist/dist.js
View File

13
rollup-demo3/dist/dist.umd.js
View File

@ -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;
})));

10
rollup-demo3/dist/dist2.js
View File

@ -0,0 +1,10 @@
var MyBundle = (function () {
'use strict';
console.log(123455);
var main2 = 123;
return main2;
}());

3
rollup-demo3/main2.js
View File

@ -0,0 +1,3 @@
console.log(123455);
export default 123

81
rollup-demo3/package-lock.json
View File

@ -13,8 +13,15 @@
"@types/node": { "@types/node": {
"version": "12.12.11", "version": "12.12.11",
"resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.11.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.11.tgz",
"integrity": "sha512-O+x6uIpa6oMNTkPuHDa9MhMMehlxLAd5QcOvKRjAFsBVpeFWTOPnXbDvILvFgFFZfQ1xh1EZi1FbXxUix+zpsQ==", "integrity": "sha512-O+x6uIpa6oMNTkPuHDa9MhMMehlxLAd5QcOvKRjAFsBVpeFWTOPnXbDvILvFgFFZfQ1xh1EZi1FbXxUix+zpsQ=="
"dev": true },
"@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": { "acorn": {
"version": "7.1.0", "version": "7.1.0",
@ -22,6 +29,42 @@
"integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==", "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==",
"dev": true "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": { "rollup": {
"version": "1.27.3", "version": "1.27.3",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-1.27.3.tgz", "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.27.3.tgz",
@ -32,6 +75,40 @@
"@types/node": "*", "@types/node": "*",
"acorn": "^7.1.0" "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=="
} }
} }
} }

6
rollup-demo3/package.json
View File

@ -4,7 +4,7 @@
"description": "", "description": "",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {
"build": "rollup -c" "build": "rollup --config rollup.config.js"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
@ -15,5 +15,9 @@
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {
"rollup": "^1.27.3" "rollup": "^1.27.3"
},
"dependencies": {
"rollup-plugin-node-resolve": "^5.2.0",
"rollup-plugin-replace": "^2.2.0"
} }
} }

44
rollup-demo3/rollup.config.js
View File

@ -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'; // module.exports = [{
const dest = './dist/dist.js'; // input: 'main.js',
// output: {
// file: './dist/dist.js',
// format: 'cjs'
// }
// }, {
// input: 'main2.js',
// output: {
// file: './dist/dist2.js',
// format: 'iife',
// name: 'MyBundle'
// }
// }]
// 多个文件
module.exports = { module.exports = {
input, input: 'main.js',
format, output: [{
dest file: './dist/dist.js',
format: 'cjs'
},
{
file: './dist/dist2.js',
format: 'iife',
name: 'MyBundle'
}
]
} }
Write Preview
Loading…
Cancel
Save