{"library":"postcss-parcel-import","title":"PostCSS Parcel Import Fix","description":"postcss-parcel-import is a PostCSS plugin, currently at version 0.0.2, designed as a temporary workaround for a specific `@import` bug (issue #1165) encountered in older versions of `parcel-bundler`. The plugin introduces a custom `@parcel-import` at-rule, which Parcel v1 users could leverage to ensure CSS `@import` rules were correctly processed before other PostCSS transformations. This package has seen no updates since 2018, coinciding with the closure of the Parcel issue it addressed and the deprecation of `parcel-bundler` (Parcel v1) in favor of Parcel v2. It differentiates itself by providing a very specific, now obsolete, syntax extension to handle a bug that has long since been resolved in the Parcel ecosystem. Its release cadence was minimal, comprising a single version.","language":"javascript","status":"abandoned","last_verified":"Wed Apr 22","install":{"commands":["npm install postcss-parcel-import"],"cli":null},"imports":["import postcssParcelImport from 'postcss-parcel-import';","const postcssParcelImport = require('postcss-parcel-import');"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"const postcss = require('postcss');\nconst postcssParcelImport = require('postcss-parcel-import');\n\nconst cssInput = `\n  @parcel-import '../mixins.pcss';\n  .container {\n    color: var(--primary-color);\n  }\n`;\n\nasync function processCss() {\n  try {\n    const result = await postcss([postcssParcelImport()]).process(cssInput, { from: 'src/app.css' });\n    console.log('Processed CSS:\\n', result.css);\n    console.log('Warnings:\\n', result.warnings().toString());\n  } catch (error) {\n    console.error('PostCSS processing error:', error);\n  }\n}\n\nprocessCss();\n\n/* \nNote: For this plugin to actually 'fix' an @import issue, \n      it needs to be run within the context of an affected \n      Parcel v1 build process. Running it standalone with \n      PostCSS will process the custom @parcel-import rule \n      but won't perform actual file inlining without further \n      custom PostCSS resolver logic or integration into Parcel.\n      The example above merely demonstrates plugin invocation.\n*/","lang":"javascript","description":"Demonstrates how to load and apply the `postcss-parcel-import` plugin using the PostCSS API.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}