Advanced CSS preprocessing engine for TypeScript/Next.js projects
npm install css-preprocessAdvanced CSS preprocessing engine for TypeScript/Next.js projects with optimized build management.
``bash`
npm install css-preprocess
`typescript
import { CSSProcessor } from 'css-preprocess';
const processor = new CSSProcessor({
configKey: process.env.CSS_PROCESSOR_KEY || '',
debug: 0,
});
processor.start().catch(console.error);
`
Create instrumentation.ts in your project root:
`typescript
import { CSSProcessor } from 'css-preprocess';
export async function register() {
if (process.env.NEXT_RUNTIME === 'nodejs') {
const processor = new CSSProcessor({
configKey: process.env.CSS_PROCESSOR_KEY || '',
});
await processor.start();
}
}
`
Enable in next.config.js:
`javascript``
module.exports = {
experimental: {
instrumentationHook: true,
},
}
- Node.js >= 18.0.0
- TypeScript >= 5.0.0 (for TypeScript projects)