@strato-css/webpack

Webpack integration for Strato CSS framework. This plugin provides seamless integration with Webpack applications.

Installation

``bash
pnpm add @strato-css/webpack
`

Usage

$3

Add the plugin to your webpack.config.js:

`javascript
const StratoCSS = require('@strato-css/webpack');

module.exports = {
plugins: [
new StratoCSS()
]
};
`

$3

`javascript
const StratoCSS = require('@strato-css/webpack');

module.exports = {
plugins: [
new StratoCSS({
// Presets
presets: [],

// Theme customization
theme: {
colors: {
primary: '#3b82f6'
}
},

// Additional rules
rules: [],

// Shortcuts
shortcuts: []
})
]
};
`

Options

The plugin accepts all options from the Strato CSS generator:

- presets: Array of presets to use
- theme: Custom theme configuration
- rules: Additional utility rules
- shortcuts: Utility shortcuts
- variants: Custom variants

Examples

$3

`javascript
const path = require('path');
const StratoCSS = require('@strato-css/webpack');

module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
use: 'babel-loader'
}
]
},
plugins: [
new StratoCSS()
]
};
`

$3

`javascript
const path = require('path');
const { VueLoaderPlugin } = require('vue-loader');
const StratoCSS = require('@strato-css/webpack');

module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
},
plugins: [
new VueLoaderPlugin(),
new StratoCSS()
]
};
`

Features

- ⚡️ Fast compilation
- 🔧 Full configuration support
- 📦 Tree-shaking
- 🎨 Preset system
- 🌙 Dark mode support
- 📱 Responsive utilities
- 🔄 Hot Module Replacement

Development

$3

`bash


Run all tests

pnpm test

Run tests in watch mode

pnpm test --watch

Run tests with UI

pnpm test:ui

Run tests with coverage

pnpm test:coverage
`

$3

`bash


Build the package

pnpm build

Build in watch mode

pnpm dev
`

$3

`bash


Run TypeScript type checking


pnpm typecheck
``

License

MIT