Más contenido relacionado
La actualidad más candente (20)
Similar a NodeFest2014 - Transpiler (20)
Más de Martin Heidegger (6)
NodeFest2014 - Transpiler
- 10. Transpiler パーフォマンス
SYNC ASYNC IMPORT
CoffeeScript ✓ ✕ ✕
CoffeeScript Redux ✓ ✕ ✕
TypeScript ✓ ✕ import x = …
JSX ✓ ✕ import x
JSX (React-tools) ✓ ✕ ✕
- 17. import caching 例
library.jade (120kb)
home.jade (2kb + include library.jade)
team.jade (3kb + include library.jade)
Transpiler パーフォマンス
310ms
10ms
10ms
- 39. watch: Stage 3
pattern import
watch: Stage 4
cross compiler
watch: Stage 1
just main file
watch: Stage 2
import
Transpiler ノティフィケーション
test.jade dep.jadedep.jade
lib/*.jade
inline.jsconfig.json
watch: Stage 5
config
- 40. watch: Stage 3
pattern import
watch: Stage 4
cross compiler
watch: Stage 1
just main file
watch: Stage 2
import
Transpiler ノティフィケーション
test.jade dep.jadedep.jade
lib/*.jade
inline.jsconfig.json
watch: Stage 5
config
watch: Stage 6
piping
test.min.html.gz
compressor
- 46. Transpiler 合成
<html>
<script>
→ JavaScript Transpiler
</script>
<style>
→ CSS Transpiler
</style>
<body>
→ HTML Transpiler
</body>
</html>
var a = “→ HTML Transpiler”,
b = “→ CSS Transpiler”,
c = → JavaScript Transpiler;
head {
…
}
→ CSS Transpiler
index.html main.js
screen.css