---
title: "Introduction to bundling TinyMCE"
description: "Introduction to bundling TinyMCE with Webpack, Rollup.js, or Browserify."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/introduction-to-bundling-tinymce/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/introduction-to-bundling-tinymce/index.md"
version: "latest"
last_updated: "2026-03-09T01:59:33Z"
tokens: 615
---
# Introduction to bundling TinyMCE

> **Note:** For a general overview of bundling TinyMCE, including required imports, plugin gotchas, and common patterns, see [Bundling TinyMCE - Overview](../bundling-guide/).
The following guides and reference pages assist with bundling TinyMCE into your project using a module bundler, such as Webpack, Rollup.js, and Browserify.

## Webpack

- **[Webpack - ES6 and npm](../webpack-es6-npm/)** — Bundle TinyMCE with Webpack using ES6 modules and npm.
- **[Webpack - CommonJS and npm](../webpack-cjs-npm/)** — Bundle TinyMCE with Webpack using CommonJS modules and npm.

- **[Webpack - ES6 and .zip](../webpack-es6-download/)** — Bundle TinyMCE with Webpack using ES6 modules from a .zip archive.
- **[Webpack - CommonJS and .zip](../webpack-cjs-download/)** — Bundle TinyMCE with Webpack using CommonJS modules from a .zip archive.

## Vite

- **[Vite - ES6 and npm](../vite-es6-npm/)** — Bundle TinyMCE with Vite using ES6 modules and npm for modern development workflows.

## Rollup.js

- **[Rollup.js - ES6 and npm](../rollup-es6-npm/)** — Bundle TinyMCE with Rollup.js using ES6 modules and npm.
- **[Rollup.js - ES6 and .zip](../rollup-es6-download/)** — Bundle TinyMCE with Rollup.js using ES6 modules from a .zip archive.

## Browserify

- **[Browserify - CommonJS and npm](../browserify-cjs-npm/)** — Bundle TinyMCE with Browserify using CommonJS modules and npm.
- **[Browserify - CommonJS and .zip](../browserify-cjs-download/)** — Bundle TinyMCE with Browserify using CommonJS modules from a .zip archive.

## Reference

- **[Plugins](../bundling-plugins/)** — Learn how to bundle TinyMCE plugins with your module loader.
- **[Content CSS](../bundling-content-css/)** — Configure and bundle content CSS for TinyMCE editor content.

- **[Skins](../bundling-skins/)** — Bundle and configure TinyMCE skins for custom editor appearance.
- **[Icons](../bundling-icons/)** — Bundle and customize TinyMCE icon sets for your editor interface.

- **[Models](../bundling-models/)** — Learn about bundling TinyMCE content models and data structures.
- **[UI localizations](../bundling-localization/)** — Bundle and configure TinyMCE UI localizations for internationalization.

- **[Themes](../bundling-themes/)** — Bundle and customize TinyMCE themes for your editor interface.