Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/destos/webpack-intro

Intro to webpack - Tulsa Tech Fest 2015
https://github.com/destos/webpack-intro

Last synced: 15 days ago
JSON representation

Intro to webpack - Tulsa Tech Fest 2015

Awesome Lists containing this project

README

        

# Intro to Webpack

[Webpack](https://webpack.github.io/) - [Documentation](https://webpack.github.io/docs/)

We'll be focusing on using webpack to help organize the build process for a complex frontend project. webpack is a nodeJS based tool that works with both commonJS and requireJS module format systems.

### Topics we'll be covering:

* How webpack works
* Understanding loaders
* Adding a javascript loader ( pretty much the reason we're here right? )
* Adding a loader for CSS pre-processors ( more than two pre-processors at the same time? insanity! )
* Adding the babelJS loader for ES6-7 syntax pre-processing!
* Understanding the power of plugins
* Using the Dedupe and UglifyJs Plugins to pack up our frontend code
* Adding hot reloading to a project ( believe me you'll want to see this )

[Onto the talk notes!](TALK-NOTES.md)