使用 Rollup 最簡單的方式就是通過命令行丛塌。
我們創(chuàng)建一個(gè)簡單項(xiàng)目:
mkdir -p my-rollup-project/src
cd my-rollup-project
首先荠医,我們需要一個(gè)入口(entry point)。創(chuàng)建 src/main.js
,編寫如下代碼:
// src/main.js
import foo from './foo.js';
export default function() {
console.log(foo);
}
然后,創(chuàng)建 src/foo.js
模塊:
// src/foo.js
export default 'hello world!';
我們開始創(chuàng)建一個(gè)包(bundle):
rollup src/main.js --format cjs
--format
選項(xiàng)指定了包的類型 --- 本例中蚜印,是 CommonJS (適合 Node.js 運(yùn)行環(huán)境)。因?yàn)槲覀儧]有指定輸出文件留量,輸出代碼直接打印到標(biāo)準(zhǔn)輸出 stdout
:
'use strict'
var foo = 'hello world!';
var main = function() {
console.log(foo);
}
module.exports = main;
如下命令將包保存為一個(gè)文件:
rollup src/main.js --format cjs --output bundle.js
# 簡寫命令如下
rollup src/main.js -f cjs -o bundle.js
當(dāng)然也可以使用
rollup src/main.js > bundle.js
窄赋,但是這種方式不夠靈活,尤其是輸出sourcemaps
時(shí)楼熄。
嘗試運(yùn)行代碼:
node
> var myBundle = require('./bundle.js');
> myBundle();
'hello world!'
祝賀你忆绰!你用 Rollup 成功創(chuàng)建了第一個(gè)包!
下一篇:使用配置文件