Web資產預編譯文件系統代理。請參閱JSCONF.EU演講:重新組裝
將保險絲文件系統安裝在目標目錄上,自動加載可用的編譯器,根據要求編譯資產,如果源文件未修改,請彙編資產,請注意原始文件以按需更改。
從此,為您所有不同工具的自定義配置的傳輸插件設置設置:
+---------------+ | Source.es6.js | -+--> Transpiler --> Module loader --> Browser +---------------+ | +--> Watcher --> Transpiler --> Livereload | +--> Transpiler --> Linter | +--> Transpiler --> Test runner | +--> Transpiler --> Build system
介入:
+---------------+ +--------------------------+ | Source.es6.js | --> | Source.transpiled.es6.js | -+--> Module loader --> Browser +---------------+ +--------------------------+ | +--> Watcher --> Livereload | +--> Linter | +--> Test runner | +--> Build system
先決條件:保險絲
npm install -g fusile
一般用法: fusile <sourceDir> <mountPoint>
Fusile是一個編譯文件系統代理。為了使其彙編您的資產,您需要安裝其中一個或多個這些預編譯器: LiveScript
, babel-core
,Coco, coco
, coffee-script
, dogescript
, marked
, less
,Sarked, myth
, node-sass
SASS ,STELLUS, stylus
, swig
當上述任何上述預編譯器都可以在Fusile(您的項目根或全球安裝)的上下文中可用時,Fusile將自動加載它,並在您從安裝點讀取文件時使用相應的文件擴展名來編譯文件。
安裝了新的transpiled源目錄後,請直接將瀏覽器,Web服務器,Linter,Test Runner直接指向其中的文件,然後可以使用。
狀態:經過很好的測試。需要現實世界的曝光。反饋表示讚賞!
v1.x
自動加載安裝的轉側
資產按需編譯
智能彙編資產的緩存
基於文件觀察者的緩存破壞(可選)
AutopReFixer
Sourcemaps
編譯文件擴展名重寫為目標擴展
隔離雅閣轉板自動加載到單獨的模塊中
v2.x
暴露一個編譯生命週期回調,讓人們掛在自己的管道中
配置:單個轉板器的選項
配置:傳輸映射的文件擴展名 /球模式
檢測編譯的DIR文件觀察器Init事件,並將其代理到源
v3.x
重構和文檔
穩定研究和改進
績效研究和改進
一般用法: fusile <sourceDir> <mountPoint> --watch "**/*.jsx" --watch "**/*.less" -w "**/*.stylus" -w "**/*.scss"
您可以將文件手錶添加到Fusile Mountpoint中的文件中。由於Fusile還不能拾取您的文件手錶事件,因此您需要指定上面的Glob模式,該圖案將在匹配模式上設置文件觀察者。
文件觀察者將通過單個文件設置,並且只有在您打開文件以讀取的時候。這應確保微小的inode手錶和最低量的重新編譯。
請注意,引用Watcher Glod圖案,以避免在執行時避免外殼擴展球模式。
麻省理工學院