Konvertieren von LESS-Dateien in CSS-ModuleCSS

CSS verstehen
Guest
 Konvertieren von LESS-Dateien in CSS-Module

Post by Guest »

Ich versuche, eine alte Codebasis von LESS-Dateien in CSS-Module zu konvertieren.
Ich habe den CSS-Loader des Webpacks aktualisiert, so dass er so aussieht:

Code: Select all

{
loader: 'css-loader',
options: {
modules: {
// for now, only enable CSS modules for LESS files with ".module."
auto: /\.module\.\w+$/i,
localIdentName: '[sha1:hash:hex:6]',
},
},
}
Dann habe ich eine LESS-Datei von Something.less in Something.module.less umbenannt
Die ganze Klasse Namen in unserer Codebasis sind in Kebab-Schreibweise geschrieben, und obwohl CSS-Module die Verwendung von camelCase bevorzugen, können Sie trotzdem darauf zugreifen, indem Sie „styles['some-class-name']“ ausführen.
Mein Problem ist, dass die clientseitige Anwendung noch nicht einmal erstellt wird. Es beschwert sich ständig über unerwartete Token in einer Zeile wie: .user-profile-wrapper { // Styles hier
Ich sollte also nichts an LESS ändern müssen Datei, aber gut, entfernen wir einfach das Kebab-Gehäuse.
Wenn ich es dann so ändere, dass es einfach .wrapper { // Styles hier ist, wird die clientseitige Anwendung erfolgreich erstellt aber jetzt gibt unser Knotenserver unerwartete Ergebnisse token '.' Build-Fehler auf dem Punkt, der vor dem .wrapper {} steht.

Code: Select all

/path/to/app/styles/home/something.module.less:1
.wrapper {
^

SyntaxError: Unexpected token '.'
at wrapSafe (node:internal/modules/cjs/loader:1378:20)
at Module._compile (node:internal/modules/cjs/loader:1428:41)
at Module._extensions..js (node:internal/modules/cjs/loader:1548:10)
at Object.newLoader [as .js] (/path/to/app/node_modules/pirates/lib/index.js:121:7)
at Module.load (node:internal/modules/cjs/loader:1288:32)
at Function.Module._load (node:internal/modules/cjs/loader:1104:12)
at Module.require (node:internal/modules/cjs/loader:1311:19)
at require (node:internal/modules/helpers:179:18)
at Object. (/path/to/app/components/home/MyComponent.tsx:6:1)
at Module._compile (node:internal/modules/cjs/loader:1469:14)
Weiß jemand, was falsch sein könnte?

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post