---
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/7/introduction-to-bundling-tinymce/index.md"
version: "7"
last_updated: "2023-11-30T00:23:05Z"
tokens: 370
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/introduction-to-bundling-tinymce/).
# Introduction to bundling TinyMCE

The following guides and reference pages assist with bundling TinyMCE using a module loader, such as Webpack, Rollup.js, and Browserify. TinyMCE is a modular platform that is designed to lazy-load libraries when they are required. This allows developers to only bundle the components of TinyMCE that are required and keep the resulting bundle as small as possible.

## Webpack

- [ES6 and npm](../webpack-es6-npm/)
- [CommonJS and npm](../webpack-cjs-npm/)
- [ES6 and a .zip archive](../webpack-es6-download/)
- [CommonJS and a .zip archive](../webpack-cjs-download/)

## Vite

- [Vite, ES6 and npm](../vite-es6-npm/)

## Rollup.js

- [ES6 and npm](../rollup-es6-npm/)
- [ES6 and a .zip archive](../rollup-es6-download/)

## Browserify

- [CommonJS and npm](../browserify-cjs-npm/)
- [CommonJS and a .zip archive](../browserify-cjs-download/)

## Reference

- [Plugins](../bundling-plugins/)
- [Content CSS](../bundling-content-css/)
- [Skins](../bundling-skins/)
- [Icons](../bundling-icons/)
- [Models](../bundling-models/)
- [UI localizations](../bundling-localization/)
- [Themes](../bundling-themes/)