JavaScript

的模块打包工具它将小的代码片段编译成更大、更复杂的代码例如库或应用程序。

它使用

JavaScript

模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。

这在未来将在所有场景原生支持但

Rollup

还可以静态分析你导入的代码并将排除任何实际上没有使用的内容。

这使你可以在现有的工具和模块的基础上构建而不需要添加额外的依赖项或使项目的大小变得臃肿。

例如使用

utils.ajax(https://api.example.com?search${query}).***n(handleResponse);使用

模块我们不需要导入整个

ajax(https://api.example.com?search${query}).***n(handleResponse);

一.安装

为了避免重复输入我们可以创建一个包含所有必要选项的配置文件。

配置文件是用

JavaScript

到目前为止我们已经用入口文件和通过相对路径导入的模块打了一个简单的包。

随着你需要打包更复杂的代码通常需要更灵活的配置例如导入使用

NPM

--save因为我们的代码在运行时实际上不依赖于插件只有在打包时才需要。

)

rollup/plugin-node-resolve:抹平rollup根据本地路径加载模块不像webpack根据模块名称导入的差异。

一个

Rollup

rollup/plugin-commonjs由于rollup设计只处理ES模块对于CommonJS

Rollup