Meteor is really an awesome tool to build great Web apps and get productive fast. I absolutely love it. That’s why 6 months ago I created a package that allows you to plug Webpack with Meteor. I though if we could add a real-time hot reload, ES6 modules, bundle assets with the code and do code splitting, it would make Meteor 2x cooler and it did.
One thing I was not happy about was how hard it is to configure Webpack. You have to learn a bunch of new concepts just to be able to write those damn webpack.config.js files. I hate those files because they are complex no matter how easy what you are trying to accomplish.
So I went back to the drawing board to bring a new integration of Webpack. One that will be simple enough that it will be fast as hell to start and flexible enough so that you get to customize your build process as much as you want.
Today I am releasing a complete new version of webpack:webpack. Webpack configs are now gone! You can setup Webpack features simply by adding packages and tweak the settings with a JSON file. It’s seriously easy. FYI it’s already 100% compatible with Meteor 1.3.
If you want to learn how to become more productive with Meteor by using Webpack, you can get a free 7-days course on TheReactiveStack.com.
Now you can get hot-reload with React by doing a simple command: meteor add webpack:react
.
You do code spliting with a single line of code with require.ensure
(Webpack 2 is bringing a better syntax!).
You can use TypeScript, SASS, LESS and much more by adding a single package.
And this is just a beginning. Anyone can write a Meteor package to wrap a specific Webpack configuration. If you feel like something is missing, please open an issue and I would love to add the missing features or packages
This version might be 1.0 but it is far from being final. The future of webpack with Meteor will be ultimately decided by the community. I hope to get as much feedback and contributions as the previous version. Thank you so much everyone, I honor how much this community gives and helps.
I can’t wait to see this in action within your Meteor projects, let me know how it goes!
Benoit
PS. Don’t forgot the get the free 7-days course on TheReactiveStack.com.
PS2- I’ve also updated the kickstart projects. Go take a look!