简介
@caldera-digital/rollup-config 是一个为 Vue.js 或 React.js 应用程序提供的 Rollup 配置模板。使用它可以轻松构建 JavaScript 库和打包出最小可用的代码库。
安装
可以通过 npm 命令来安装 @caldera-digital/rollup-config：
npm install @caldera-digital/rollup-config --save-dev
使用
安装成功后，我们需要在项目的rollup.config.js文件引入该 Rollup 的配置：
import rollupConfig from '@caldera-digital/rollup-config';
export default rollupConfig({
// 额外的自定义配置
});默认情况下，@caldera-digital/rollup-config 配置会生成一个针对 Vue.js 或 React.js 应用程序的完整 JavaScript 库，但是你可以根据项目需要进行类型控制、gzip 压缩等自定义配置，这个时候，只需要根据文档说明添加自定义的配置即可。
示例代码
以 React.js 应用为例，下面是一份使用 @caldera-digital/rollup-config 打包 React.js 应用的配置，并且添加了额外的代码压缩和源代码映射：
-- -------------------- ---- -------
------ ------------ ---- ---------------------------------
------ - ------ - ---- -----------------------
------ ------- --------------
------ ---------------
------- -
-
----- ---------------------
------- ------
--
-
----- ---------------------
------- ------
--
-
----- ---------------------
------- -------
----- ----------------
-------- -----------
---------- -----
--
--
---------- -----
--------- ----------
---总结
@caldera-digital/rollup-config 是一个非常实用的工具，它提供了一个针对 Vue.js 或 React.js 应用程序的完整 JavaScript 库的 Rollup 配置模板。使用该工具，我们可以轻松构建 JavaScript 库，并通过自定义配置来进行类型控制、压缩等操作，提高程序的可用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac98b5cbfe1ea0610a8d