1. rollup-plugin-peer-deps-external
Rollup plugin to automatically add a library's peerDependencies to its bundle's external config.
rollup-plugin-peer-deps-external
Package: rollup-plugin-peer-deps-external
Created by: pmowrer
Last modified: Sun, 26 Jun 2022 14:00:52 GMT
Version: 2.2.4
License: MIT
Downloads: 1,720,563
Repository: https://github.com/pmowrer/rollup-plugin-peer-deps-external

Install

npm install rollup-plugin-peer-deps-external
yarn add rollup-plugin-peer-deps-external

Build Status npm semantic-release

Rollup Plugin Peer Deps External

Automatically externalize peerDependencies in a rollup bundle.

Motivation

When bundling a library using rollup, we generally want to keep from including peerDependencies since they are expected to be provided by the consumer of the library. By excluding these dependencies, we keep bundle size down and avoid bundling duplicate dependencies.

We can achieve this using the rollup external configuration option, providing it a list of the peer dependencies to exclude from the bundle. This plugin automates the process, automatically adding a library's peerDependencies to the external configuration.

Installation

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

Usage

 // Add to plugins array in rollup.config.js
import peerDepsExternal from 'rollup-plugin-peer-deps-external';

export default {
  plugins: [
    // Preferably set as first plugin.
    peerDepsExternal(),
  ],
}

Options

packageJsonPath

If your package.json is not in the current working directory you can specify the path to the file

 // Add to plugins array in rollup.config.js
import peerDepsExternal from 'rollup-plugin-peer-deps-external';

export default {
  plugins: [
    // Preferably set as first plugin.
    peerDepsExternal({
      packageJsonPath: 'my/folder/package.json'
    }),
  ],
}

includeDependencies **deprecated**

Set includeDependencies to true to also externalize regular dependencies in addition to peer deps.

 // Add to plugins array in rollup.config.js
import peerDepsExternal from 'rollup-plugin-peer-deps-external';

export default {
  plugins: [
    // Preferably set as first plugin.
    peerDepsExternal({
      includeDependencies: true,
    }),
  ],
}

Module paths

This plugin is compatible with module path format applied by, for example, babel-plugin-lodash. For any module name in peerDependencies, all paths beginning with that module name will also be added to external.

E.g.: If lodash is in peerDependencies, an import of lodash/map would be added to externals.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin