{"id":25451,"library":"esbuild-styla-plugin","title":"esbuild-styla-plugin","description":"An esbuild plugin for processing Stylus (.styl) files. Version 0.0.10 is the latest and appears to be stable with maintenance ongoing. It integrates Stylus compilation into esbuild builds, allowing custom imports and typical Stylus options. Unlike standalone Stylus CLI or webpack loaders, this plugin provides native esbuild integration. It is a niche plugin with limited adoption but serves its purpose for Stylus users on esbuild. No major breaking changes have been documented.","status":"active","version":"0.0.10","language":"javascript","source_language":"en","source_url":"https://github.com/teniryte/esbuild-styla-plugin","tags":["javascript"],"install":[{"cmd":"npm install esbuild-styla-plugin","lang":"bash","label":"npm"},{"cmd":"yarn add esbuild-styla-plugin","lang":"bash","label":"yarn"},{"cmd":"pnpm add esbuild-styla-plugin","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"CJS require works but ESM import is preferred. The package exports a default function.","wrong":"const stylaPlugin = require('esbuild-styla-plugin')","symbol":"default","correct":"import stylaPlugin from 'esbuild-styla-plugin'"},{"note":"CommonJS require is valid.","wrong":"","symbol":"stylaPlugin","correct":"const stylaPlugin = require('esbuild-styla-plugin')"},{"note":"TypeScript types are available but not explicitly documented; import path may not be directly exported.","wrong":"","symbol":"StylaPluginOptions","correct":"import type { StylaPluginOptions } from 'esbuild-styla-plugin'"}],"quickstart":{"code":"const stylaPlugin = require('esbuild-styla-plugin');\nesbuild.build({\n  entryPoints: ['./src/index.js'],\n  bundle: true,\n  outfile: './dist/app/app.js',\n  loader: { '.js': 'jsx' },\n  sourcemap: true,\n  target: ['chrome58', 'firefox57', 'safari11', 'edge16'],\n  define: { 'process.env.NODE_ENV': '\"development\"' },\n  plugins: [\n    stylaPlugin({\n      imports: ['./styles/theme.styl'],\n    }),\n  ],\n});","lang":"javascript","description":"Shows how to use the plugin in an esbuild build configuration with a Stylus theme import."},"warnings":[{"fix":"Refer to Stylus API for additional options; check source code.","message":"Plugin options not well documented - only 'imports' shown.","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Pin version and monitor releases.","message":"Potential breaking changes in minor versions due to early stage.","severity":"breaking","affected_versions":"<0.1.0"},{"fix":"","message":"No deprecation warnings documented.","severity":"deprecated","affected_versions":""}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run 'npm install esbuild-styla-plugin' and verify dependency.","cause":"Package not installed or typo in package.json.","error":"Cannot find module 'esbuild-styla-plugin'"},{"fix":"Use default import: const stylaPlugin = require('esbuild-styla-plugin');","cause":"Using wrong import pattern (e.g., importing named export instead of default).","error":"TypeError: stylaPlugin is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}