前端：使用rollup的简单记录

目录

rollup安装

简单使用 

1、命令行打包

 2、配置文件打包

 问题

1、报错提示：(node:23744) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.(Use `node --trace-warnings ...` to show where the warning was created)

---

官网地址：简介 | rollup.js 中文文档 | rollup.js中文网

rollup安装

可选择全局安装、局部安装；（本地做测试，全局安装使用方便些，团队合作，局部安装，保持操作效果一致性）

npm install rollup --global

或

npm install rollup --save-dev

简单使用 

1、命令行打包

rollup src/main.js -o bundle.js -f cjs

解释说明： rollup  你要打包的文件 -o 打包后的文件名称 -f 你要打包成的文件标准

 可打包的文件格式有以下几种

 2、配置文件打包

2.1、项目根目录创建一个名为 rollup.config.js 的文件，文件内容如下:

// rollup.config.js
export default {
        input: 'src/main.js', //你要打包的入口文件
        output: { 
                file: 'bundle.js',  //打包成的文件名称
                format: 'cjs' //你要打包成的文件格式
        }
};

2.2、执行文件

rollup -c 

或

rollup --config

 问题

1、报错提示：(node:23744) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)

 解决方案：在package.json文件中增加{ "type": "module" }，重新打包即可