# buildchain

Published articles for buildchain.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## A Vite Buildchain for Craft CMS Plugins & Modules

DevFeed: [A Vite Buildchain for Craft CMS Plugins & Modules](<https://devfeed.tech/articles/a-vite-buildchain-for-craft-cms-plugins-modules-31237.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/a-vite-buildchain-for-craft-cms-plugins>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2021-05-17T04:00:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Vite](<https://devfeed.tech/topics/vite.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [CSS](<https://devfeed.tech/topics/css.md>), [modules](<https://devfeed.tech/topics/modules.md>), [PostCSS](<https://devfeed.tech/topics/postcss.md>)

Tags: [buildchain](<https://devfeed.tech/tags/buildchain.md>), [builds](<https://devfeed.tech/tags/builds.md>), [cms](<https://devfeed.tech/tags/cms.md>), [composer](<https://devfeed.tech/tags/composer.md>), [craft](<https://devfeed.tech/tags/craft.md>), [css](<https://devfeed.tech/tags/css.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [drop-in](<https://devfeed.tech/tags/drop-in.md>), [giving](<https://devfeed.tech/tags/giving.md>), [insights](<https://devfeed.tech/tags/insights.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [module](<https://devfeed.tech/tags/module.md>), [modules](<https://devfeed.tech/tags/modules.md>), [optimized](<https://devfeed.tech/tags/optimized.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [postcss](<https://devfeed.tech/tags/postcss.md>), [production](<https://devfeed.tech/tags/production.md>), [replacement](<https://devfeed.tech/tags/replacement.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [vite](<https://devfeed.tech/tags/vite.md>)

### AI overview

This tutorial explains how to add a Vite buildchain to Craft CMS plugins and modules. It covers TypeScript, Hot Module Replacement for CSS, JavaScript, and Twig templates, Vue.js 3, Tailwind CSS with JIT, PostCSS, and optimized production builds with Rollup and content-hash versioning.

### Source excerpt

A drop-in buildchain you can use in your Craft CMS plugins and modules, giving you Hot Module Replacement for JavaScript, Tailwind CSS, and optimized production builds.