Ein Web -Asset -Vorkompilierdateisystem -Proxy. Siehe das Talk von Jsconf.eu: Umtragung neu komponiert
Montiert ein Sicherungsdateisystem in einem Zielverzeichnis, lädt die verfügbaren Compiler automatisch, kompiliert Vermögenswerte auf Anfrage, caches kompilierte Vermögenswerte, wenn die Quelldatei nicht modifiziert ist, und beobachtet die Originaldatei auf Änderungen bei Bedarf.
Wenden Sie Ihr Setup von benutzerdefinierten konfigurierten Transpiler -Plugins für alle Ihre verschiedenen Tools daraus:
+---------------+ | Source.es6.js | -+--> Transpiler --> Module loader --> Browser +---------------+ | +--> Watcher --> Transpiler --> Livereload | +--> Transpiler --> Linter | +--> Transpiler --> Test runner | +--> Transpiler --> Build system
in dieses:
+---------------+ +--------------------------+ | Source.es6.js | --> | Source.transpiled.es6.js | -+--> Module loader --> Browser +---------------+ +--------------------------+ | +--> Watcher --> Livereload | +--> Linter | +--> Test runner | +--> Build system
Voraussetzungen: Sicherung
npm install -g fusile
Allgemeine Verwendung: fusile <sourceDir> <mountPoint>
Fusile ist ein Zusammenstellungsdateisystem -Proxy. Um es dazu zu bringen, Ihre Vermögenswerte zu erstellen, müssen Sie eine oder mehrere dieser Vorkompilierer installieren: LiveScript
, babel-core
, coco
, coffee-script
, dogescript
, less
, marked
, myth
, node-sass
, stylus
, swig
Wenn einer der oben genannten Vorkompiloren im Kontext von Fusile (in Ihrem Projektroot oder global installiert) verfügbar ist, lädt Fusile es automatisch und starten Sie Dateien mit der entsprechenden Dateierweiterung, wenn Sie die Dateien vom Mountpoint lesen.
Sobald Sie das neue transpilierte Quellverzeichnis montiert haben, weisen Sie Ihren Browser, Ihren Webserver, Ihren Schnurter, den Testen von Läufern direkt auf die darin enthaltenen Dateien auf und Sie sind bereit zu gehen.
Status: Ziemlich gut getestet. Brauchen Sie eine reale Exposition. Feedback geschätzt!
v1.x
Autoload installierte Transpiler
Vermögensabschnitt bei Bedarf
Intelligentes Ausschneiden von kompilierten Vermögenswerten
Dateiwächter -basierte Cache -Busting (optional)
Autoprefixer
Sourcemaps
Kompilierte Dateierweiterungsumschreibung in die Zielerweiterung zusammengestellt
Isolieren Sie das Autoladieren von Transpiler -Transpiler in ein separates Modul
v2.x
Stellen Sie einen Kompilierungs -Lebenszyklus -Rückruf auf, um die Menschen in ihre eigene Pipeline hängen zu lassen
Konfiguration: Optionen für einzelne Transpiler
Konfiguration: Dateierweiterung / Glob -Muster zur Transpiler -Zuordnung
Erkennen Sie kompilierte DIR -Datei -Beobachter -Init -Ereignisse und stellten Sie sie mit Quell Dir durch
v3.x
Refactoring und Dokumentation
Stabilitätsforschung und Verbesserungen
Leistungsforschung und Verbesserungen
Allgemeine Verwendung: fusile <sourceDir> <mountPoint> --watch "**/*.jsx" --watch "**/*.less" -w "**/*.stylus" -w "**/*.scss"
Sie können Dateien zu Dateien zu Dateien im fusile Mountpoint hinzufügen. Da Fusile Ihre Datei -Watchin -Ereignisse noch nicht abholen kann, müssen Sie Glob -Muster wie oben angeben, die Dateibeobachter auf den passenden Mustern einrichten.
Dateibeobachter werden pro individueller Datei eingerichtet und nur zum Zeitpunkt, an dem Sie eine Datei zum Lesen öffnen. Dies sollte eine Miniumummenge an Inode -Uhren und eine minimale Menge an Neukompilien gewährleisten.
Beachten Sie, dass Beobachter -Global -Muster angegeben werden, um die Expansion der Global -Muster zur Ausführungszeit zu vermeiden.
MIT