Skip to content

Rollup构建工具

如何安装使用

安装方法可以局部或全局安装:

bash
npm i -g rollup

安装后,就可以针对自己项目中的文件执行rollup命令,例如output的dir设置为dist,且output的target设置成cjs:

bash
rollup src/main.js -d dist --format cjs

为了更清晰理解rollup配置,还是建议直接写道自己项目里的 rollup.config.js文件中,再通过rollup命令执行。

js
// package.json. 其中-c就是代表使用配置文件的意思。如果不是默认的rollup.config.js则你可以指定另外一个文件名。
  "scripts": {
    "build": "rollup -c"
  }

// rollup.config.js
export default {
  input: 'src/main.js',
  output: {
    dir: 'dist',
    format: 'esm'
  },
  plugins: [
    commonjsPlugin()
  ]
}

除了用命令执行,还可以自己写一个nodejs脚本,例如:build.js。 然后在里面用api方式调用rullup,可以获得更多灵活性。但是rollup配置文件的数据结构必然都是一样的。

resolve

commonjs交互

external的作用