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
100
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
94
Weird Parts
moonglum
0
110
Webanwendungen – Eine Frage des Stils
moonglum
0
290
AdequateJS: Where should I run my Code?
moonglum
0
76
Per Anhalter durch JavaScript
moonglum
0
190
faucet-pipeline
moonglum
0
29
Architectures for Modern Web Front Ends
moonglum
2
490
Per Anhalter durch JavaScript
moonglum
0
220
Architectures for Modern Web Front Ends
moonglum
0
140
Other Decks in Programming
See All in Programming
SOCI Index Manifest v2が出たので調べてみた / Introduction to SOCI Index Manifest v2
tkikuc
1
120
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
800
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
140
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
290
Claude Codeで挑むOSSコントリビュート
eycjur
0
190
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
150
🔨 小さなビルドシステムを作る
momeemt
2
630
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
17
3.6k
tool ディレクティブを導入してみた感想
sgash708
1
160
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
1
290
コンテキストエンジニアリング Cursor編
kinopeee
1
740
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Invisible Side of Design
smashingmag
301
51k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
4 Signs Your Business is Dying
shpigford
184
22k
The World Runs on Bad Software
bkeepers
PRO
70
11k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
284
13k
Visualization
eitanlees
147
16k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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