https://github.com/rahul-barick/babel-webpack-starter

Webpack in it's simple form is module bundler and Babel is a transpiler
https://github.com/rahul-barick/babel-webpack-starter

babel babel-core babel-loader babel-preser-es2015 babel-preset-env babel-preset-stage0 bundle es6 eslint loaders transpiler webpack webpack-cli webpack-dev-server

Last synced: about 6 hours ago
JSON representation

Webpack in it's simple form is module bundler and Babel is a transpiler

• Host: GitHub
• URL: https://github.com/rahul-barick/babel-webpack-starter
• Owner: Rahul-Barick
• License: mit
• Created: 2018-03-15T19:06:43.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-03-16T18:38:21.000Z (over 6 years ago)
• Last Synced: 2024-04-16T09:19:21.098Z (7 months ago)
• Topics: babel, babel-core, babel-loader, babel-preser-es2015, babel-preset-env, babel-preset-stage0, bundle, es6, eslint, loaders, transpiler, webpack, webpack-cli, webpack-dev-server
• Language: JavaScript
• Homepage:
• Size: 15.1 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# babel-webpack-starter

1. Webpack in it's simple form is module bundler and Babel is a transpiler.

2. Webpack takes modules with dependencies and generates static assets representing those modules

3. It understands ``css`` and ``images`` are also dependencies

4. Webpack ``-w/watch`` or ``watch:true`` in config file for watching continous changes in file and automatically it will do the bundling process

5. Webpack only knows how to read and understand js files

6. Loaders teach webpack how to load files for bundling

7. We are using 3rd Party transpiler like babel to convert our es6/es7 code to old Javascript syntax (es5).

# Development Server

For live reload,webpack creates a dev server to easily check our code

Just type ``webpack-dev-server`` in project root directory

Browse http://localhost:8080