43081j / 43081j/postcss-lit

Verify Webpack Documentation

Aperta Adatta ai principianti
#34 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
90
Fork
9
Merge medio
1g 9m
PR unite (30g)
3

Descrizione

The documentation for Webpack didn't work for me

https://github.com/43081j/postcss-lit/blob/48c6f363faad026f151065fb61569f4db1fde688/README.md?plain=1#L33-L60

When I switched it around it started working as expected. Here's our order:

```
{
test: /\.ts$/,
use: [
'babel-loader',
'ts-loader',
'postcss-loader',
],
exclude: /node_modules/
}
```

We're on Webpack version 5 in a monorepo, though I don't think that matters much.

After further investigation, as your readme states "_postcss will transform your CSS before typescript transpiles_", Webpack loaders are executed in reverse order (see [Webpack's documentation](https://webpack.js.org/concepts/loaders/#configuration)). So we'd want `postcss-loader` last in the array so it can be first. I still don't understand why Webpack works this way, I'm sure there's a lengthy thread somewhere but it's illogical to me.

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

The issue points to a specific section of the README (lines 33-60) that describes Webpack configuration. The user found that the documented loader order is reversed relative to Webpack's execution order. To verify, read the linked Webpack documentation on loader execution, then check the README.md file around the mentioned lines. The fix is to update the example array so 'postcss-loader' appears last, ensuring it runs first. A test would involve setting up a minimal Webpack project with the corrected configuration to confirm CSS extraction works.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
typescript, webpack
Ambito
documentation, tooling
Tipo di issue
Documentazione
Difficoltà
1/5
Tempo stimato
Meno di un'ora
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
75/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.