Awesome Rollup

⚡️ Delightful Rollup Plugins, Packages, and Resources

Resources

Official Guide - The user guide and documentation site.

Plugins

Core Plugins

Plugins created and maintained by the Rollup organization.

alias - Alias modules in a build.
auto-install - Automatically installs dependencies that are imported by a bundle, even if not yet in package.json.
babel - Seamless integration with Babel.
beep - Plugin that beeps when a build ends with errors.
buble – Transpile with Bublé.
commonjs - Convert CommonJS modules to ES Modules.
dynamic-import-vars - Resolving dynamic imports that contain variables.
data-uri - Imports modules from Data URIs.
dsv - Convert CSV and TSV files into JavaScript modules.
dynamic-import-vars - Support variables in dynamic imports in Rollup.
eslint - Lint entry points and all imported files with ESLint.
esm-shim - Replace CJS global variables within esm output bundles.
graphql - Converts .gql/.graphql(s) files to ES6 modules.
html - Creates HTML files to serve Rollup bundles
image - Import JPG, PNG, GIF and SVG images.
inject - Scans for global variables and injects import statements.
json - Convert JSON files to ES Modules.
legacy - Add export statements to plain scripts.
multi-entry - Multiple entry points for a bundle.
node-resolve - Use the Node resolution algorithm.
pluginutils - Set of utility functions commonly used by 🍣 Rollup plugins.
replace – Replace occurrences of a set of strings.
run - Run your bundle after it's generated.
strip - Remove expressions from code.
sucrase - Compile, Flow, JSX.
swc - Transpile TypeScript/JavaScript with the speedy-web-compiler (swc).
terser - Generate a minified bundle with terser.
typescript - Seamless integration with Typescript.
url - Inline import files as data-URIs.
virtual - Load modules from memory.
wasm - Inlines and imports WebAssembly modules.
yaml - Import data from YAML files.

All-Purpose Awesome

build-statistics - Plugin that keeps a continuous log of your build time.
dev - Development server with additional logging and options.
graph – Generates a module dependency graph.
nollup - Rollup-compatible development bundler providing Hot Module Replacement.
notify – Display errors as system notifications.
progress - Show build progress in the console.
rollpkg - No config build tool to create packages with Rollup and TypeScript
serve - Development Server in a Plugin.
sizes - Display bundle content and size in the console.
size-snapshot - Track bundle size and treeshakability with ease.
sonda - Visualizer and analyzer for JavaScript and CSS bundles.
visualizer - Bundle and dependency visualizer.

Code Quality

Plugins which help with code quality.

analyzer - Statistics and Metrics for a bundle.
cleanup – Remove and modify code based on an opinionated ruleset.
eslint-bundle - Lint bundles with ESLint.
flow - Remove Flow type annotations.
flow-entry - Export Flow types from a bundle.
istanbul - Seamless integration with Istanbul.
sass-lint - Lint SCSS files
stylint - Lint Stylus files.
unassert - Remove assertion calls.

CSS

Plugins for working with CSS.

bundle-scss - Bundle all SCSS imports into one SCSS file.
collect-sass - Compiler SASS files in a single context.
css-only – Output plain CSS.
css-porter - Combine CSS imports and output to file.
embed-css - Import and append CSS to a bundle.
import-css - A plugin to import CSS into JavaScript.
keep-css-imports - Output separate CSS files and keep imports in JS, enabling the bundling of component libraries which allow consumers to "tree shake" unused components' CSS.
less - Compile LESS files.
less-modules - Import or Bundle LESS files.
modular-css - Alternative CSS Modules implementation supporting Rollup.
postcss - Seamless integration with PostCSS.
sass - SASS integration for a bundle.
scss - Compile SASS and CSS.
styler - Universal plugin for styles: PostCSS, Sass, Less, Stylus and more (fork).
stylus-css-modules – Compile Stylus and inject CSS modules
sass-variables - Import SASS variables as Objects.

Frameworks

Plugins for working with awesome JavaScript frameworks.

angular - Angular2 template and styles inliner.
jsx - Compile React JSX and JSX-like components.
riot - Riot.js tagfile support.
svelte — Compile Svelte components.
vue - Compile Vue components.
vue-inline-svg - Import SVG files as Vue components.

Modules

Plugins which control the behaviour of modules: dependencies, imports, exports, and external modules.

amd - Convert AMD modules to ES6.
async-define - Wrap an AMD bundle with async-define.
baked-env - Import process.env as a module for baking environment variables at build time.
bower-resolve – Use Bower the resolution algorithm.
cjs-es - Convert CommonJS modules without proxying and reassignment.
consts - Import constants at build time.
external-assets - Make assets external but include them in the output.

Awesome

Install / Use

README