Published on January 4, 2017 by Chrome

It’s time to wrap up our series on Firebase and Polymer. In today’s episode we’ll look at how you can use the polymer-build library to craft a Gulpfile to bundle your Polymer and Firebase resources for production. polymer-build is a really helpful little resource that will take your HTML Imports and split them into individual streams for your CSS, HTML, and JavaScript. You can then pipe these streams to individual gulp tasks to do minification, etc. then use polymer-build to recombine the streams and output the final product.

Sample Code: github.com/Polymer/polycasts/tree/master/ep60-firebase-build

polymer-build: github.com/Polymer/polymer-build

Polycasts playlist: goo.gl/r5fsMq
Polymer Slack: bit.ly/polymerslack
Polymer G+: plus.google.com/communities/115626364525706131031

Subscribe to the Chrome Developers channel: goo.gl/OUF4e2

Leave a Reply

16 Comments on "Building Firebase for production — Polycasts #60"

Notify of
avatar

phani1 kumar
Guest
phani1 kumar
7 days 11 hours ago

Thank you very uch Rob for the polycasts. #AskPolymer Can you please come with a polycast for localization using app-localize behavior? I've a very specific question here: can I dynamically load language specific resource bundles when the user changes the language of preference? I don't want to load all the translations at once, because if the user is interested in French, I don't want to download all other language variants of all my messages. This would hit badly on performance/ bandwidth. Thanks in advance.

Denis TRUFFAUT
Guest
Denis TRUFFAUT
11 days 4 hours ago

As always, great video !

Atomiko Lex
Guest
Atomiko Lex
11 days 11 hours ago

so helpful, thank you!

Wolfgang Tober
Guest
Wolfgang Tober
11 days 16 hours ago

Nice helpfull videos! I miss an example of the unbundled build prozess. Can you supplement that?

Daniel Gherard
Guest
Daniel Gherard
11 days 21 hours ago

Nice. I would love to see more of gulpfile with polymer in future polycasts. It's a rather useful file.Anyway… thanks for the tips!!

test
Guest
test
11 days 21 hours ago

When is the final release date of polymer 2.0

Jan Beneš
Guest
Jan Beneš
10 days 8 hours ago
Tim van der Lippe
Guest
Tim van der Lippe
12 days 15 minutes ago

the npm build command needs to reference the local gulp in nodemodules if the gulp command in the command line references gulp 3

Tim van der Lippe
Guest
Tim van der Lippe
6 days 9 hours ago

Dave Horton it could be, but I am not sure

Dave Horton
Guest
Dave Horton
6 days 10 hours ago

running the build as 'gulp' works for me, but 'npm run install' complains "Error: Cannot find module 'gulp-cli'". Is this related to your point?

Lucas Matías Ciruzzi (lucasmciruzzi)
Guest
Lucas Matías Ciruzzi (lucasmciruzzi)
12 days 19 minutes ago

You have 5 extensions to update … my OCD is killing me (?) … also, I made the default Dark+ Theme with Material Theme colors, if you want to check it º3º … marketplace.visualstudio.com/items?itemName=vangware.dark-plus-material

Lucas Matías Ciruzzi (lucasmciruzzi)
Guest
Lucas Matías Ciruzzi (lucasmciruzzi)
11 days 9 hours ago

Yup, is a theme for all languages in VSCode 🙂

Willie Chalmers III
Guest
Willie Chalmers III
11 days 21 hours ago

Lucas Matías Ciruzzi Does the plugin also support other languages like Python?

Noble
Guest
Noble
12 days 2 hours ago

Perfect #polyfire post, Rob.FYI, G+ link listed in the description isn't to a public facing G+ instance.

Rob Dodson
Guest
Rob Dodson
12 days 1 hour ago

thanks! fixed!

อาทิตย์ นนท์ธุรี
Guest
อาทิตย์ นนท์ธุรี
12 days 2 hours ago

good

wpDiscuz