Rollup.js打包工具的使用方法

什么是Rollup.js?

Rollup.js是一个JavaScript模块打包工具，它可以将多个模块打包成一个文件。它支持多种模块格式，包括CommonJS，ES6，UMD和AMD。它还可以支持多种JavaScript格式，包括ES6，ES5，ES3，ES2015，ES2016，ES2017，ES2018，ES2019，ES2020和TypeScript。

Rollup.js的使用方法

1. 安装Rollup.js

你需要安装Rollup.js，可以使用npm或者yarn进行安装。

npm install rollup

2. 创建配置文件

你需要创建一个Rollup.js的配置文件，这个文件用来描述打包的过程，包括入口文件、出口文件、插件等等。

// rollup.config.js
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs'
  },
  plugins: [
    resolve(),
    commonjs()
  ]
};

3. 运行Rollup.js

你可以使用Rollup.js的命令行工具来运行打包，它会根据你的配置文件来进行打包。

rollup -c

4. 添加插件

Rollup.js还可以添加插件，以支持更多的功能。比如，你可以添加babel插件，以支持ES6语法，或者添加uglify插件，以压缩打包后的文件。

import babel from '@rollup/plugin-babel';
import { uglify } from 'rollup-plugin-uglify';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs'
  },
  plugins: [
    resolve(),
    commonjs(),
    babel(),
    uglify()
  ]
};

Rollup.js是一个非常强大的JavaScript模块打包工具，它可以将多个模块打包成一个文件，并支持多种模块格式和JavaScript格式。使用Rollup.js，你可以安装它，创建配置文件，运行它，并添加插件来支持更多的功能。