rollup

文章目录

1. rollup
2. 使用
   1. 安装
   2. 创建配置文件
3. 从零实现一个 rollup
   1. 1. 初始化目录
   2. 2. 2

rollup

rollup 是一个 JavaScript 的模块打包器，一般用来编写库或者组件，因为它打包生成的文件仍然保持原来的文件结构，和 webpack 大有不同，同时也有 treeshaking 功能。

使用

安装

npm init、npm i rollup -D

创建配置文件

在根目录下新建 rollup.config.js 文件，导出一个对象

// rollup.config.js
export default {
    input: './src/main.js', // 入口文件
    output: {
        file: './dist/js/main.min.js',
        format: 'iife' // 输出格式，这里是匿名的立即执行函数作用域，其他有 cjs es amd 和 umd
    }
}

在 package.json 中加入指令 build: rollup -c 或者 build: rollup --config 可以让根目录下的 config 生效。

从零实现一个 rollup

1. 初始化目录

2. 2