---
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/6/bundling-models/index.md"
version: "6"
last_updated: "2022-03-30T07:08:51Z"
tokens: 335
---
Important This page documents TinyMCE 6. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/bundling-models/).
# Bundling TinyMCE models using module loading

## Overview

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
```