---
title: "Bundling TinyMCE models using module loading"
description: "Information on bundling TinyMCE models using module loading"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-models/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-models/index.md"
version: "latest"
last_updated: "2025-12-10T03:38:03Z"
tokens: 292
---
# Bundling TinyMCE models using module loading

## File structure

This section shows the files required for each TinyMCE model. The file paths shown are relative to the root TinyMCE package directory, where `tinymce.min.js` is stored. For example:

```
./
├── icons/
├── langs/
├── license.txt
├── models/
├── plugins/
├── readme.txt
├── skins/
├── themes/
├── tinymce.d.ts
├── tinymce.js
├── tinymce.min.js
└── version.txt
```
The following table shows examples of the syntax used to bundle the dom model:

```
./models/dom/model.js
```
Example syntax for including the dom model in a bundle:

**Module Syntax:** ES6+ · **Source:** npm

**Example:**

```js
import 'tinymce/models/dom';
```
**Module Syntax:** ES6+ · **Source:** `.zip`

**Example:**

```js
import '../tinymce/models/dom/model';
```
**Module Syntax:** Common JS · **Source:** npm

**Example:**

```js
require('tinymce/models/dom');
```
**Module Syntax:** Common JS · **Source:** `.zip`

**Example:**

```js
require('../tinymce/models/dom/model.js');
```
Default model (dom)
```
./models/dom/model.js
```