#html #css #sass #javascript #webpack #es6 #master-in-software-engineering

WebPack Basics

WebPack is a tool that allows you to manage the resources and dependencies of a website.

It mainly solves Javascript dependencies, although it can also work with css, images, Javascript preprocessors, CSS preprocessors, template systems, and much more.

Index

• Requirements
• Repository
• Technologies used
• Project delivery
• Resources

Requirements

• You must make use of the new features of ECMAScript 6
• You must import several files so that the final result is a single bundle for Javascript and a single bundle for sass
• Verify that the output bundle generated by WebPack for the Javascript layer has made the transformation from ECMAScript 6 to ECMAScript 5
• Create a clear and orderly directory structure

Repository

First of all you must fork this project into your GitHub account.

To create a fork on GitHub is as easy as clicking the “fork” button on the repository page.

Technologies used

* HTML

* CSS

* JS

* SASS

* webpack

* ES6

Project delivery

To deliver this project you must follow the steps indicated in the document:

• Submitting a solution

Resources

• WebPack Official
• ECMAScript 6 compatibility