@zessjs/vite-plugin
v1.1.6
Published
Vite plugin for Zess 🧩 JSX file parser and transformer for building modern web applications.
Maintainers
Readme
Vite plugin for Zess 🧩 JSX file parser and transformer for building modern web applications.
✨ Features
- ⚡ Efficient JSX Compilation: Automatically transforms JSX syntax into optimized JavaScript code
- 🎯 Zero-Configuration: Ready to use out of the box with no complex setup
- 💡 Smart Dependency Optimization: Automatically prebuilds core dependencies for improved performance
- 🔒 Full TypeScript Support: Includes type definitions for type safety
- 🔄 Seamless Integration with Vite Ecosystem: Works alongside other Vite plugins
📦 Installation
# Using npm
npm install -D @zessjs/vite-plugin
# Using yarn
yarn add -D @zessjs/vite-plugin
# Using pnpm
pnpm add -D @zessjs/vite-plugin🚀 Basic Usage
Add the Zess plugin to your Vite configuration file:
import { defineConfig } from 'vite'
import zess from '@zessjs/vite-plugin'
export default defineConfig({
plugins: [zess()],
})You can then use Zess features in your project:
import { useSignal } from '@zessjs/core'
function Counter() {
const [count, setCount] = useSignal(0)
return (
<div>
<p>Count: {count()}</p>
<button onClick={() => setCount((prev) => prev + 1)}>Increment</button>
</div>
)
}⚙️ Configuration Options
The Zess plugin supports the following configuration options:
import { defineConfig } from 'vite'
import zess from '@zessjs/vite-plugin'
export default defineConfig({
plugins: [
zess({
// Specify file patterns to include
include: ['**/*.{tsx,jsx}'],
// Specify file patterns to exclude
exclude: ['{build,dist,public}/**'],
// Custom runtime module path
modulePath: '@zessjs/core',
}),
],
})Configuration Parameters
include: File patterns to process, defaults to['**/*.{tsx,jsx}']exclude: File patterns to exclude, defaults to['{build,dist,public}/**']modulePath: Import path for runtime functions, defaults to'@zessjs/core'
🔄 Compatibility
The Zess plugin is compatible with:
- Vite ^3 || ^4 || ^5 || ^6 || ^7
- Node.js >=18.12.0
- Modern browsers (Chrome, Firefox, Safari, Edge)
