batchnz/craft

Separate tailwind imports

Closed this issue · 0 comments

Overview
Having all tailwind imports in app.css causes a slow build time when using HRM during development. We need to split out the utility import to a separate CSS include.

Resources

Work Required

css/app-base.css
css/app-components.css
css/app-utilities.css
css/base.css

css/base.css gets imported into css/app-base.css

Then in app.js:

import "../css/app-base.css";
import "../css/app-components.css";
import "../css/app-utilities.css";