Atomic atomizer running before custom preprocessor
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- scss
- Ambito
- build-system, frontend
Direzione di ricerca
Inizia con la configurazione personalizzata del preprocessore e la riproduzione di @linaria/atomic descritte nell’issue. Verifica se l’estrazione atomica viene eseguita prima del preprocessing; il lavoro è completato quando le variabili SCSS vengono compilate prima che le dichiarazioni siano suddivise in stili atomici.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Environment
{
"dependencies": {
"@linaria/atomic": "^6.2.0",
"@linaria/core": "6.2.0",
"@linaria/react": "6.2.1",
"@wyw-in-js/babel-preset": "0.5.3",
"@wyw-in-js/shared": "0.5.3",
"@wyw-in-js/transform": "0.5.3",
"@wyw-in-js/vite": "0.5.3"
}
}
linaria({
sourceMap: isDev,
preprocessor: (selector, cssText) => {
try {
const result = sass.compileString(`${selector} {${cssText}}\n`);
return result.css.toString();
} catch (error) {
console.error("Error processing SCSS:", error);
return "";
}
}
})
- Linaria version:
6.2.0 - Bundler (+ version):
- Node.js version:
v20.8.0 - OS:
windows 11
Description
I am using a SCSS preprocessor (with great success), but getting errors when trying out the @linaria/atomic package.
I think, and created a small test which I believe confirms this, that the atomizer is running before the preprocessor (which naturally causes problems since all the SCSS needs to be compiled together, after which it can be safely atomized).
Simple example below showing the SCSS variable is not compiled when the atomizer is ran, resulting in color: $purple-900; being split out before SCSS can compile it alongside the variable declaration.
NB this example works just fine when using
@linaria/core, the error is exclusive to@linaria/atomic
Reproducible Demo
Use the a custom preprocessor alongside @linaria/atomic.
- Lingua principale
- TypeScript
- Stelle
- 12.4k
- Fork
- 413
- Merge medio
- 3g 4h
- PR unite (30g)
- 2
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di callstack/linaria
-
enhancement: proposal 💬 needs: triage 🏷
Difficoltà 4/5 3-5 giorni Idoneità per principianti 45/100
-
feature: proposal 💬 needs: triage 🏷
Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100
-
cat: modules aliasing 🔗 enhancement: proposal 💬 needs: triage 🏷
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
-
enhancement: proposal 💬 needs: triage 🏷
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
-
feature: proposal 💬 needs: triage 🏷
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
Tutte le issue di callstack/linaria
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
high priority
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
CI-CMG/deep-sea-corals-exb#84 · 1 commento ·
-
Create/import wallet form shows raw "password must be at least 1 characters" instead of the translated messageForse già presa @CapThunder19 l’ha presa oggi. Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
joinmarket-webui/jam#1538 ·
I maintainer di solito rispondono entro 1 giorno
-
t0ggles
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
nolimits4web/swiper#8240 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno