No content

A new asset pipeline

No content

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