使用

安装

npm i -D rollup

配置

Rollup的默认的配置文件名为rollup.config.js。
rollup的配置文件中有几个必须的字段：

• input 文件的入口
• output 文件的输出
  • file 输出的文件名
  • format 打包的文件类型

    配置TypeScript

    在rollup中，如果要使用TypeScript的话，需要以插件的方式启动。在rollup.config.js的配置文件中，添加配置。需要使用的依赖包括typescript,tslib和@rollup/plugin-typescript。需要注意的是，需要在项目中配置tsconfig.json文件。
    rollup.config.js的配置文件应该包括以下内容： ```javascript import typescript from ‘@rollup/plugin-typescript’;

export default { input: ‘src/index.ts’, output: { dir:’dist’, format: ‘cjs’,

}, plugins: [typescript()] }

<a name="gq8D1"></a>
## 配置第三方cjs
在rollup中，如果要解析`commonjs`模块的话，我们需要使用插件`@rollup/plugin-commonjs`。并添加配置。
```javascript
import commonjs from '@rollup/plugin-commonjs';
import typescript from '@rollup/plugin-typescript';
export default {
    input: 'src/index.ts',
  output: {
      dir: 'dist',
    format: 'cjs'
  },
  plugins: [typescript(), commonjs()]
}

解析node模块

在rollup中，默认是不能直接解析node中的模块的，如果我们使用了以node形式编写的模块，那就要使用@rollup/plugon-node-resolver来解决。

import commonjs from '@rollup/plugin-commonjs';
import typescript from '@rollup/plugin-typescript';
import resolver from '@rollup/plugon-node-resolver';
export default {
    input: 'src/index.ts',
  output: {
      dir: 'dist',
    format: 'cjs'
  },
  plugins: [typescript(), commonjs(), resolver({ jsnext: true, main: true, browser: true })]
}

如果有外部的包依赖不需要打包的话，可以使用external选项。