웹 자산 사전 컴파일 파일 시스템 프록시. jsconf.eu talk : transpiling recompored를 참조하십시오
대상 디렉토리에 퓨즈 파일 시스템을 마운트하고, 사용 가능한 컴파일러, 요청시 자산을 컴파일하고, 컴파일 된 자산을 캐시하는 경우 소스 파일이 변하지 않은 경우, 주문시 변경 사항을 원래 파일을 시청합니다.
모든 도구에 대해 사용자 정의 구성 트랜스 필러 플러그인 설정을 전환하십시오.
+---------------+ | 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
, coffee-script
, dogescript
swig
less
, myth
, node-sass
, stylus
, marked
등 하나 이상의 프리 컴파일러를 설치해야합니다.
Fusile (프로젝트 루트 또는 전 세계적으로 설치된)의 맥락에서 위의 프리 컴파일러 중 하나라도 사용할 수있는 경우 Fusile은 자동으로로드하고 MountPoint에서 파일을 읽을 때 해당 파일 확장으로 파일을 컴파일하기 시작합니다.
새로 전송 된 소스 디렉토리를 장착 한 후에는 브라우저, 웹 서버, Linter, 테스트 러너를 파일에서 직접 가리키면 갈 준비가되었습니다.
상태 : 상당히 잘 테스트되었습니다. 실제 노출이 필요합니다. 피드백에 감사드립니다!
v1.x
자동로드 트랜스 필러
주문형 자산 컴파일
컴파일 된 자산의 지능형 캐싱
파일 감시자 기반 캐시 파열 (선택 사항)
autoprefixer
Sourcemaps
컴파일 된 파일 확장자를 대상 확장으로 다시 작성합니다
고속 트랜스 필러 자동 로딩을 별도의 모듈로 분리하십시오
v2.x
사람들이 자신의 파이프 라인에 연결하도록하기 위해 컴파일 라이프 사이클 콜백 노출
구성 : 개별 트랜스 필러 옵션
구성 : 파일 확장 / 글로벌 패턴으로 트랜스 필러 매핑
컴파일 된 DIR 파일 감시자 이벤트를 감지하고 소스 DIR로 프록시합니다.
v3.x
리팩토링 및 문서
안정성 연구 및 개선
성과 연구 및 개선
일반적인 사용 : fusile <sourceDir> <mountPoint> --watch "**/*.jsx" --watch "**/*.less" -w "**/*.stylus" -w "**/*.scss"
Fusile Mountpoint의 파일에 파일 시계를 추가 할 수 있습니다. Fusile은 아직 파일 감시 이벤트를 선택할 수 없으므로 위와 같은 글로벌 패턴을 지정해야하므로 일치하는 패턴에 파일 감시자를 설정합니다.
파일 감시자는 개별 파일별로 설정되며 읽기를 위해 파일을 열 때만 설정됩니다. 이렇게하면 미니 늄 양의 inode 시계와 최소 수량의 재조정이 보장됩니다.
Watcher Glob 패턴은 실행 시간에 Glob 패턴의 쉘 확장을 피하기 위해 인용됩니다.
MIT