Skip to content

Solution: Alvaro Merino & Jonathan Cedeño #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jonathancede wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Solution: Alvaro Merino & Jonathan Cedeño #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
7bebec7
Start
alvaromergar May 7, 2021
31577ef
progres
alvaromergar May 7, 2021
fbfaac7
progress up to images url
jonathancede May 7, 2021
a13e2d4
finish
alvaromergar May 10, 2021
d911f5f
corrected error in webpack to space
jonathancede May 10, 2021
e8e3733
written the readme
jonathancede May 10, 2021
bbd8592
corrected readme
jonathancede May 10, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/node_modules
21 changes: 14 additions & 7 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,38 @@

# WebPack Basics <!-- 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.
> 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 <!-- omit in toc -->

- [Getting Start](#getting-start)
- [Requirements](#requirements)
- [Repository](#repository)
- [Technologies used](#technologies-used)
- [Project delivery](#project-delivery)
- [Resources](#resources)

## Getting Start

To inicialize the project, you must run:

>npm install

All dependencies will install in the project, so you can compile the code runinng:

>npm run build

This command will create a folder **dist** where you will have the main index.html with all assets linked.

## 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.
Expand Down Expand Up @@ -56,6 +64,5 @@ To deliver this project you must follow the steps indicated in the document:

## Resources


- [WebPack Official](https://webpack.js.org/)
- [ECMAScript 6 compatibility](https://kangax.github.io/compat-table/es6/)
Loading