Rollup 插件——自动外部化 peerDependencies

Rollup 插件——自动外部化 peerDependencies

rollup-plugin-peer-deps-external Automatically externalize `peerDependencies` in a rollup bundle. 项目地址: https://gitcode.com/gh_mirrors/ro/rollup-plugin-peer-deps-external

基础介绍

rollup-plugin-peer-deps-external 是一个用于 Rollup 打包工具的插件，它能够自动地将 peerDependencies 设为外部依赖，从而在打包库时排除它们。这样做可以减少包的体积，避免将应由消费者提供的依赖打包进去。该插件的主要编程语言是 JavaScript。

新手常见问题及解决方案

问题一：如何安装和使用这个插件？

解决步骤：

1. 首先，确保你的项目中已经安装了 Rollup。
2. 使用 npm 或 yarn 安装该插件：

   npm install --save-dev rollup-plugin-peer-deps-external
   

   或

   yarn add --dev rollup-plugin-peer-deps-external
   

3. 在 Rollup 配置文件中引入插件，并在插件数组中使用它：

   import peerDepsExternal from 'rollup-plugin-peer-deps-external';
   
   export default {
     plugins: [
       peerDepsExternal() // 最好将此插件设置为第一个插件
     ]
   };
   

问题二：如果 package.json 文件不在当前工作目录中，如何指定路径？

解决步骤：

1. 在使用插件时，通过 packageJsonPath 选项指定 package.json 的路径。
2. 更新插件调用如下：

   peerDepsExternal({
     packageJsonPath: 'path/to/your/package.json'
   });
   

问题三：如何处理模块路径问题？

解决步骤：

1. 如果你的项目中使用了如 babel-plugin-lodash 这样的插件来修改模块路径，这个插件也能兼容。
2. 对于 peerDependencies 中的任何模块名，所有以该模块名开头的路径也会被加入到外部依赖中。
3. 例如，如果 lodash 在 peerDependencies 中，那么像 lodash/map 这样的导入也会被视为外部依赖。

通过遵循这些步骤，新手可以更顺利地集成和使用 rollup-plugin-peer-deps-external 插件，提高项目的打包效率。

rollup-plugin-peer-deps-external Automatically externalize `peerDependencies` in a rollup bundle. 项目地址: https://gitcode.com/gh_mirrors/ro/rollup-plugin-peer-deps-external