Egy modul a SASS menet közbeni fordítására és/vagy CSS fájlba mentésére a node-sass
A projekt célja kettős:
- Megadni egy olyan könyvtárat, amely képes lefordítani a SASS fájlokat az oldal betöltésekor, ha
NODE_ENV=development
használjuk, a fejlesztési idő csökkentése érdekében (on-the-fly) - Elérni a SASS fájlok lefordítását és CSS fájlba mentését minden más környezetben, amikor pl., az alkalmazás indításakor vagy egy npm szkript segítségével
- Tartalomjegyzék
- Követelmények
- Telepítés
- Használati példa
- Használat
- On-the-fly fordításhoz
- TypeScript
- CommonJS
- Opciókkal
- TypeScript
- CommonJS
- Opciók
- Kompiláláshoz és statikus CSS fájlként való mentéshez
- API
- compileSass()
- compileSassAndSave()
- compileSassAndSaveMultiple()
- setupCleanupOnExit()
- Kiadási megjegyzések
- 1.1.1
- 1.1.0
- 1.0.5
- 1.0.4
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
Tartalomjegyzék
- Követelmények
- Telepítés
- Példa. Használat
- Használat
- API
- Megjegyzések a kiadáshoz
- Maintainer
Követelmények
Ezt a modult a Node.js >= 10. Lehet, hogy működik Node.js <= 9-el is, de nincs tesztelve.
Telepítés
npm install --save compile-sass
Használati példa
Az alábbiakban néhány példát találsz arra, hogyan használhatod egy valós alkalmazásban:
- Setup: Node.js / TypeScript
- Konfiguráció: Node.js / TypeScript
- Elhelyezkedés az alkalmazásban: Node.js / TypeScript
Használat
On-the-fly fordításhoz
TypeScript
import compileSass from 'compile-sass';app.use('/css/:cssName', compileSass());
CommonJS
Figyeljünk a compileSass.setup
, amely eltér a TypeScript variációtól!
const compileSass = require('compile-sass');app.use('/css/:cssName', compileSass.setup());
Opciókkal
TypeScript
CommonJS
Figyeljen a compileSass.setup
-re, amely eltér a TypeScript variációtól!
Opciók
Kompiláláshoz és statikus CSS fájlként való mentéshez
API
compileSass()
A lefordított SASS-t stringként adja vissza.
compileSassAndSave()
Kompilálja az adott SASS fájlt és elmenti a megadott könyvtárba.
compileSassAndSaveMultiple()
Kompilálja a “files” opcióban meghatározott több SASS fájlt. Mindegyiknek a “sassPath” opcióban meghatározott könyvtárban kell lennie. A CSS fájlok a “cssPath” opcióban definiált könyvtárba kerülnek mentésre.
setupCleanupOnExit()
Törli az átadott könyvtárat az alkalmazás kilépésekor. Az ötlet az, hogy átadja azt a könyvtárat, ahol a lefordított CSS-fájlok vannak, hogy az alkalmazás kilépésekor törlődhessenek, és az alkalmazás indításakor újra lefordíthatók legyenek.
Kiadási megjegyzések
1.1.1
- Biztonsági frissítések
1.1.0
- Funkció hozzáadása a
@import
-nek átadott~
- Biztonsági frissítések
- Kijavított egy hibát, amikor a beállítás során átadott node-sass opciókat nem mindig használták
1.0.5
- Kritikus biztonsági rés javítása
1.0.4
- Biztonsági frissítések
- Node-sass frissítése
- Hoek 5 frissítése a @hapi/hoek 9-re
1.0.3
- A hibás 1.0.2 kiadás javítása
1.0.2
- Biztonsági frissítések
- Node-sass frissítése
1.0.1
- Optimalizálja, hogy mi kerül bele a csomag kiadásakor (nincs több tesztfájl!)
- Kijavít néhány törött linket a Readme-ban
- Beépíti a LICENSE
1.0.0
- Teljes újraírás TypeScript-tel
- TypeScript tipizálás beépítése
- Automatizált tesztelés beépítése a jobb stabilitás érdekében
Vélemény, hozzászólás?