43081j / 43081j/postcss-lit

Support for `/*css*/` flags

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

Descrizione

Thanks for all the work on this! We just added it to our project and it's working great so far.

There are some situations where we use Lit-style templates without using the actual `lit` template function, like when we're really concerned about performance and don't expect to need to reevaluate the template. For example:

```ts
const mycss = /*css*/`
div {
color: red;
}
`;
```

There are several VSCode plugins that provide syntax highlighting for this syntax ([example](https://marketplace.visualstudio.com/items?itemName=pushqrdx.inline-html)). However to my knowledge there isn't yet a Postcss custom syntax defined for this.

Since the syntax is almost exactly the same, it would be great if this custom syntax supported `/*css*/` as well as `css`. It may be technically outside the scope of a plugin intended for Lit, but there is surely a lot of overlap between the groups that use `/*css*/` and `css`, and it should be a trivial amount of work.

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Look at the existing syntax parsing logic in the source code, likely in a file like src/syntax.js or similar. Identify where the 'css' tag is recognized and add support for the '/*css*/' comment flag. Test by running the project's test suite to ensure both syntaxes are handled correctly.

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

Valutazione

Stack tecnologico
typescript
Ambito
tooling
Tipo di issue
Funzionalità
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
65/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.