ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

rollup: cleanup

This commit is contained in:
Rico Sta. Cruz 2018-03-17 08:43:59 +08:00
parent d21dfba3a6
commit dc0e8d41dc
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
rollup.md
View File

@ -3,6 +3,8 @@ title: Rollup.js
category: JavaScript libraries category: JavaScript libraries
layout: 2017/sheet layout: 2017/sheet
updated: 2017-11-01 updated: 2017-11-01
authors:
- github: ryanSN
keywords: keywords:
- rollup.watch - rollup.watch
- bundle - bundle
@ -25,17 +27,20 @@ export default {
} }
``` ```
#### Terminal #### Terminal
```bash ```bash
npm install -D rollup npm install -D rollup
``` ```
| `rollup -c -o bundle.js` | bundle using config | Command | Description |
| `rollup main.js --o bundle.js --f cjs` | bundle | --- | --- |
| `rollup --watch` | bundle continuously | `rollup -c -o bundle.js` | bundle using config |
| `rollup main.js --o bundle.js --f cjs` | bundle |
| `rollup --watch` | bundle continuously |
You may need to use `./node_modules/.bin/rollup` as a command if you did not install rollup globally You may need to use `./node_modules/.bin/rollup` as a command if you did not install rollup globally.
### Mutiple files ### Mutiple outputs
#### rollup.config.js #### rollup.config.js
@ -67,6 +72,7 @@ This creates `main.js` and `vendor.js`.
### Plugins ### Plugins
#### Terminal #### Terminal
```bash ```bash
npm install -D rollup-plugin-json npm install -D rollup-plugin-json
``` ```
@ -74,7 +80,7 @@ npm install -D rollup-plugin-json
#### rollup.config.js #### rollup.config.js
```js ```js
import json from 'rollup-plugin-json'; import json from 'rollup-plugin-json'
export default { export default {
input: 'src/main.js', input: 'src/main.js',
@ -87,7 +93,6 @@ export default {
``` ```
### npm packages ### npm packages
#### Terminal #### Terminal
@ -97,7 +102,7 @@ npm install --save-dev rollup-plugin-node-resolve
#### rollup.config.js #### rollup.config.js
```js ```js
import resolve from 'rollup-plugin-node-resolve'; import resolve from 'rollup-plugin-node-resolve'
export default { export default {
input: 'src/main.js', input: 'src/main.js',
@ -109,19 +114,20 @@ export default {
} }
``` ```
This time when you run a npm run build, no warning is emitted and contains the imported modules When you run a npm run build, no warning is emitted and contains the imported modules.
### Peer dependencies ### Peer dependencies
#### Terminal #### Terminal
```bash ```bash
npm install -D rollup-plugin-node-resolve npm install -D rollup-plugin-node-resolve
``` ```
#### rollup.config.js #### rollup.config.js
```js ```js
import resolve from 'rollup-plugin-node-resolve'; import resolve from 'rollup-plugin-node-resolve'
export default { export default {
input: 'src/main.js', input: 'src/main.js',
@ -151,8 +157,8 @@ npm install -D rollup-plugin-babel
#### rollup.config.js #### rollup.config.js
```js ```js
import resolve from 'rollup-plugin-node-resolve'; import resolve from 'rollup-plugin-node-resolve'
import babel from 'rollup-plugin-babel'; import babel from 'rollup-plugin-babel'
export default { export default {
input: 'src/main.js', input: 'src/main.js',
@ -168,6 +174,7 @@ export default {
] ]
} }
``` ```
#### src/.babelrc #### src/.babelrc
```js ```js