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

## File structure

This section shows the files required for each TinyMCE content CSS. 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 following content CSS file:

./skins/content/example/content.css Example syntax for including the example content CSS in a bundle:

| Module Syntax | Source | Example |
| --- | --- | --- |
| ES6+ (Webpack/Rollup) <!-- rowspan: 2 --> | npm | ```js
import contentCSS from 'tinymce/skins/content/example/content.css';
``` |
| `.zip` | ```js
import contentCSS from '../tinymce/skins/content/example/content.css';
``` |  |
| ES6+ (Vite) <!-- rowspan: 2 --> | npm | ```js
import 'tinymce/skins/content/example/content.js';
``` |
| `.zip` | ```js
import '../tinymce/skins/content/example/content.js';
``` |  |
| Common JS <!-- rowspan: 2 --> | npm | ```js
const contentCSS = require('tinymce/skins/content/example/content.css');
``` |
| `.zip` | ```js
const contentCSS = require('../tinymce/skins/content/example/content.css');
``` |  |

> **Important:** The handling of content CSS files (such as `content.css` or `content.min.css`) varies between bundling tools. View the relevant guide for the required syntax at [Bundling TinyMCE with a module loader](../introduction-to-bundling-tinymce/).

## Community

Default./skins/content/default/content.css Dark./skins/content/dark/content.css Document./skins/content/document/content.css Writer./skins/content/writer/content.css
## Premium

For information on premium content CSS, see: [Enhanced Skins & Icon Packs](../enhanced-skins-and-icon-packs/).

Fabric./skins/content/fabric/content.css Fluent./skins/content/fluent/content.css Material (Classic)./skins/content/material-classic/content.css Material (Outline)./skins/content/material-outline/content.css