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
97
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
88
Weird Parts
moonglum
0
100
Webanwendungen – Eine Frage des Stils
moonglum
0
280
AdequateJS: Where should I run my Code?
moonglum
0
71
Per Anhalter durch JavaScript
moonglum
0
190
Architectures for Modern Web Front Ends
moonglum
2
490
Per Anhalter durch JavaScript
moonglum
0
210
Architectures for Modern Web Front Ends
moonglum
0
130
AdequateJS: Wie viel JavaScript darf es denn sein?
moonglum
1
410
Other Decks in Programming
See All in Programming
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
550
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
360
データベースコネクションプール(DBCP)の変遷と理解
fujikawa8
1
270
FormFlow - Build Stunning Multistep Forms
yceruto
1
190
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
250
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
740
Create a website using Spatial Web
akkeylab
0
290
エラーって何種類あるの?
kajitack
5
280
統一感のある Go コードを生成 AI の力で手にいれる
otakakot
0
3k
A comprehensive view of refactoring
marabesi
0
970
関数型まつりレポート for JuliaTokai #22
antimon2
0
130
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
100
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Writing Fast Ruby
sferik
628
61k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Music & Morning Musume
bryan
46
6.6k
Designing Experiences People Love
moore
142
24k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Bash Introduction
62gerente
614
210k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
BBQ
matthewcrist
89
9.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
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