Solution Marc Parellada, Pere Serra y Joel Martinez

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+build
+build/index.html

README.md

@@ -1,61 +1,34 @@
 `#html` `#css` `#sass` `#javascript` `#webpack` `#es6` `#master-in-software-engineering`
 
-# WebPack Basics <!-- omit in toc -->
+# Authors<!-- omit in toc -->
 
-<p>
-  <img alt="Version" src="https://img.shields.io/badge/version-1.0-blue.svg?cacheSeconds=2592000" />
-</p>
-
-> WebPack is a tool that allows you to manage the resources and dependencies of a website. 
+> Pere Serra Bosch
 >
-> It mainly solves Javascript dependencies, although it can also work with css, images, Javascript preprocessors, CSS preprocessors, template systems, and much more.
-
-## Index <!-- omit in toc -->
-
-- [Requirements](#requirements)
-- [Repository](#repository)
-- [Technologies used](#technologies-used)
-- [Project delivery](#project-delivery)
-- [Resources](#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.
-
-<img src="https://docs.github.com/assets/images/help/repository/fork_button.jpg" alt="Fork on GitHub" width='450'>
+> Marc Parellada Palau
+>
+> Joel Martínez Fañanas
 
-## Technologies used
+## Dev modules used
 
-\* HTML
+\* **Babel**: is a tool that helps you write code in the latest version of JavaScript. When your supported environments don't support certain features natively, Babel will help you compile those features down to a supported version.
 
-\* CSS
+\* **HtmlWebpackPlugin**: simplifies creation of HTML files to serve your webpack bundles. This is especially useful for webpack bundles that include a hash in the filename which changes every compilation.
 
-\* JS
+\* **MiniCSSExtractPlugin**: extracts CSS into separate files. It creates a CSS file per JS file which contains CSS. It supports On-Demand-Loading of CSS and SourceMaps.
 
-\* SASS
+\* **CssMinimizerPlugin**: Allows to override default minify function. By default plugin uses cssnano package. Useful for using and testing unpublished versions or forks.
 
-\* webpack
+\* **CleanWebpackPlugin**: By default, this plugin will remove all files inside webpack's output.path directory, as well as all unused webpack assets after every successful rebuild.
 
-\* ES6
+\* **TerserPlugin**: This plugin uses terser to minify/minimize your JavaScript.
 
-## Project delivery
+\* **ImageMinimizerPlugin**: This plugin uses imagemin to optimize your images.
 
-To deliver this project you must follow the steps indicated in the document:
+## More modules used
 
-- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
+\* **JQuery**: the purpose of jQuery is to make it much easier to use JavaScript on your website.
 
 ## Resources
 
-
 - [WebPack Official](https://webpack.js.org/)
-- [ECMAScript 6 compatibility](https://kangax.github.io/compat-table/es6/)
+- [ECMAScript 6 compatibility](https://kangax.github.io/compat-table/es6/)