Distinguish Babel and Webpack

Sometimes I still confuse about Babel and Webpack, so I noted this for reference reason

Babel

• Not all new feature of JS support by all browsers, Babel compile source code to version which can work on any browser

Webpack

• It is a bundler for JS and static files. It packs many files, modules into a few files
• It also has some function like code-splitting, lazyloads help make our's app more effective
• It also allows we can write custom packing logic with "loader" plugin

Summary

Usually, in the modern web application, Babel and Webpack used together