Use Babel ES5 to ES6 ThEN packing with Webpack

Step to install

3. install Webpack babel loader

webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it recursively builds a dependency graph that includes every module your application needs, then packages all of those modules into one or more bundles.

npm install — save-dev webpack babel-loader

4. install Style and css loader in order to pack all css file.

npm install — save-dev style-loader css-loader

5. new webpack configuration file (webpack.config.js)

6. install webpack-dev-server in order to run web app serv while developing.

npm install — save-dev webpack-dev-server

7. added new script in package.json

8. On the command line, make sure you are in the es6-tutorial directory and type the following command:

npm run build , then npm run dev

Let testing on browser. \\//);

Related posts:

To accommodate different viewing preferences and further enhance the overall experience, VeeR has launched the 360 VR video resolution options. With this new option, users are now able to change the…

Photography has impacted my life immensely, through an image that I took I was able to share my artwork on how I perceive the world by taking pictures of my artwork. It has helped me express myself…

The worst commuting experience I ever had was my drive to IBM. In addition to local roads, the trip included three highways, one of them an on-ramp to the Cross-Westchester Expressway. That short…