来源:rollup.js 官网
当应用越来越复杂,我们需要更多的灵活性 --- 使用 npm 模块,Babel 转译代码,读写 JSON 文件等等。
这时我们可以使用插件,它会在打包流程的关键节点改变 Rollup 的行为。现存的插件列表可以在 Rollup 维基中看到。
使用插件
在本教程中,使用了 rollup-plugin-json 插件,它允许 Rollup 从 JSON 文件中导入数据。
安装 rollup-plugin-json
:
npm install --save-dev rollup-plugin-json
此处使用
--save-dev
而不是--save
,因为我们的代码运行时不依赖插件,只是在构建时才需要插件。
更新 src/main.js
文件,所以可以从 package.json
中读取数据:
import {version} from '../package.json';
export default function() {
console.log('version: ' + version);
}
编辑 rollup.config.js
,使其包含 JSON 插件:
import json from 'rollup-plugin-json';
export default {
entry: 'src/main.js',
format: 'cjs',
plugins: [json()],
dest: 'bundle.js'
};
使用 npm run build
运行 Rollup 。结果如下所示:
'use strict';
var version = '1.0.0';
var main = function() {
console.log('version ' + version);
};
module.exports = main;
注意到代码中只引入了我们需要的数据 ---
name
和devDependencies
等其他package.json
字段被忽略了。这就是 tree-shaking !
下一篇:使用 npm 包