Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
faucet-pipeline @ Ruby on Ice
Search
Lucas Dohmen
January 28, 2018
Programming
0
87
faucet-pipeline @ Ruby on Ice
A new asset pipeline that is framework agnostic
Lucas Dohmen
January 28, 2018
Tweet
Share
More Decks by Lucas Dohmen
See All by Lucas Dohmen
Frontend Architecture
moonglum
1
68
Weird Parts
moonglum
0
81
Webanwendungen – Eine Frage des Stils
moonglum
0
260
AdequateJS: Where should I run my Code?
moonglum
0
46
Per Anhalter durch JavaScript
moonglum
0
140
Architectures for Modern Web Front Ends
moonglum
2
470
Per Anhalter durch JavaScript
moonglum
0
180
Architectures for Modern Web Front Ends
moonglum
0
100
AdequateJS: Wie viel JavaScript darf es denn sein?
moonglum
1
370
Other Decks in Programming
See All in Programming
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.7k
見せてあげますよ、「本物のLaravel批判」ってやつを。
77web
7
7.8k
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
카카오페이는 어떻게 수천만 결제를 처리할까? 우아한 결제 분산락 노하우
kakao
PRO
0
110
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
150
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
광고 소재 심사 과정에 AI를 도입하여 광고 서비스 생산성 향상시키기
kakao
PRO
0
170
Quine, Polyglot, 良いコード
qnighy
4
650
TypeScriptでライブラリとの依存を限定的にする方法
tutinoko
3
690
Better Code Design in PHP
afilina
PRO
0
130
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
1k
色々なIaCツールを実際に触って比較してみる
iriikeita
0
330
Featured
See All Featured
What's new in Ruby 2.0
geeforr
343
31k
Six Lessons from altMBA
skipperchong
27
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Code Reviewing Like a Champion
maltzj
520
39k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Happy Clients
brianwarren
98
6.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
How STYLIGHT went responsive
nonsquared
95
5.2k
Unsuck your backbone
ammeep
668
57k
It's Worth the Effort
3n
183
27k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Transcript
None
A new asset pipeline
None
extracted
•Open Source •Written in Node.js •Built upon existing tooling (Rollup,
Babel, node-sass, Autoprefixer, Browserslist, chokidar) •Web framework agnostic
Pick & Choose • Bundle modern JavaScript modules into a
single distribution file • Combine Sass modules into a single CSS file • Copy static files
module.exports = { };
module.exports = { }; js: [{ source: "./index.js", target: "./public/app.js"
}],
module.exports = { }; js: [{ source: "./index.js", target: "./public/app.js"
}], sass: [{ source: "./index.scss", target: "./public/app.css" }],
module.exports = { }; js: [{ source: "./index.js", target: "./public/app.js"
}], sass: [{ source: "./index.scss", target: "./public/app.css" }], static: [{ source: "./images", target: "./public/images" }]
.browserslistrc > 1% Last 2 versions IE 11
.browserslistrc > 1% Last 2 versions IE 11 㱺 CSS
will automatically be prefixed accordingly
.browserslistrc > 1% Last 2 versions IE 11 㱺 CSS
will automatically be prefixed accordingly 㱺 JS will automatically be transformed accordingly
Cache Busting • Can fingerprint your files • Creates a
mapping JSON file that can be read by your app to figure out the fingerprinted names • That’s what a tiny gem does for Rails
Alternatives • https:/ /webpack.js.org • https:/ /neutrino.js.org • https:/ /parceljs.org
1.0.0 currently in beta available on npm
faucet-pipeline.org