Improving Build Solutions: Dependency Management With Webpack
Submitted by Neha Nivedita (@niveditn) on Monday, 22 May 2017
Section: Full Talk Technical level: Intermediate Status: Under evaluation
In complex front-end web applications, module and dependency management is a challenge often faced during development.
Webpack is a build tool that aims to minimize hassles with automated dependency management.
Thus, it provides the ability to create bundles of all modules that will be used in the app and serve them easily.
With features like Hot Module replacement (HMR), the development time can speed up drastically, as it updates individual modules when they are changed without refreshing the page
Configured correctly, the powers of Webpack can make your build process smoother than ever, and manage all your dependencies for you - no matter how large your app gets.
Thus, Webpack can add performance boost to your app by speeding up development time, and reducing efforts for project structure management.
In this session we will:
1. Take a look at various useful features offered by Webpack
2. See its benefits over other build tools like Grunt and Gulp
3. Pitfalls to watch out for
4. Learn how to setup a Webpack with hands-on code
5. Understand how it can impact the web development process
- What are build tools?
- Introduction to Webpack
- Useful features of Webpack
- Comparison with other build tools
- Pitfalls to watch out for
- Hands-on Code: Setup Webpack
- Impact on project development process
Laptop with Node.js and NPM
When not coding or strategizing business opportunities for NodeXperts, Neha can usually be found slaying dragons, robots, villains etc. and running around doing side-quests in multifarious game universes.