Webpacking
Webpack module bundler
Coverage
- Webpack
- Babel
- NPM
- Node
- React
- Grunt
- Gulp
- Broccoli
- Broserify
- Rollup
YEP!
NOPE!
Mostly
Why am I talking about this?
"Ecosystem"
-
React -
Redux (or some Flux type) -
ImmutableJS -
GraphQL -
Yarn -
Webpack -
RxJS -
..........
This one right here...
PAIN!!!
/?search=super&simple&webpack&config
What problem(s) does it solve?
How we used to do it...
var _ = require('lodash');
var whatever = require('./whatever.js');
// This function does something
function some(thing, cb) { return cb(thing) };
exports.some = some;
module.exports = {
something: some(whatever, _.union)
};CommonJS
var React = require('react');
var Greeting = React.createClass({
render: function() {
return <h1>Hello, {this.props.name}</h1>;
}
});
module.exports = Greeting;Workload
- Get a simple Webpack 1 project working
- Migrate it to Webpack 2
- Build our own Webpack 2 project
- Explore more features, configurations...
Make it Work
https://github.com/Webpacking/webpack-1.git
Clone this repo and convert this into a Webpack project.
Webpacking
By shinobi881
