# tools bundlers
# intro
A simplified example of a modern module bundler written in JavaScript
The purpose of this project is to explain how most bundlers work under the hood. It contains a short implementation of a simplified but still reasonably accurate bundler. Along with the code, there are comments explaining what the code is trying to achieve.
# webpack
- Entry : An entry point indicates which module webpack should use to begin building out its internal dependency graph
- Output : The output property tells webpack where to emit the bundles it creates and how to name these files.
- Loaders : Loaders allow webpack to process other types of files (other then
.js) and convert them into valid modules.- Plugins : Plugins can be leveraged to perform a wider range of tasks like bundle optimization, asset management and injection of environment variables.
webpack.js.org - concepts/modules
# webpack articles
Pourquoi Webpack ? - putaindecode.io - 20150720
Webpack et son avenir en 6 questions - blog.js-republic.com - 20180222
How to switch from Gulp to Webpack: a tutorial to get you started - 20171026
Webpack 4 Tutorial: from 0 Conf to Production Mode - 20180119
# webpack tools
Theses tools uses the webpack stats API, usage is $ webpack --profile --json > compilation-stats.json
webpack-visualizer - chrisbateman.github.io
zillow/webpack-stats-duplicates