43081j / 43081j/postcss-lit

Verify Webpack Documentation

Abierto Apto para principiantes
#34 2 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
90
Forks
9
Merge medio
1 d 9 min
PR fusionados (30 d)
3

Descripción

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.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
typescript, webpack
Área
documentation, tooling
Tipo de issue
Documentación
Dificultad
1/5
Tiempo estimado
Menos de una hora
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
75/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.