https://github.com/diglopes/using-webpack

:books: Just a simple repository to register my learning about Webpack.
https://github.com/diglopes/using-webpack

Last synced: about 2 months ago
JSON representation

:books: Just a simple repository to register my learning about Webpack.

• Host: GitHub
• URL: https://github.com/diglopes/using-webpack
• Owner: diglopes
• License: mit
• Created: 2019-09-15T11:59:12.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T06:08:54.000Z (about 2 years ago)
• Last Synced: 2023-03-03T18:49:26.958Z (almost 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 1.07 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Using Webpack

This repository contains a simples web application that gonna be bundled with **Webpack**. The main target in this project is to see how webpack works and learn how to use its features together with another plugins and loaders.

## Necessary packages

- webpack

- webpack-cli

- webpack-dev-server ( provides a live reload )

- webpack-merge ( merge configuration objects )

## Plugins and loaders used

| Name                               | What does it do                                                                             |

| ---------------------------------- | ------------------------------------------------------------------------------------------- |

| css-loader                         | interprets @import and url() like import/require() and will resolve them                    |

| style-loader                       | Inject CSS into the DOM                                                                     |

| sass-loader                        | loads a Sass/SCSS file and compiles it to CSS                                               |

| HtmlWebpackPlugin                  | simplifies creation of HTML files to serve your bundles                                     |

| HtmlWebpackPlugin                  | simplifies creation of HTML files to serve your bundles                                     |

| html-loader                        | exports HTML as string                                                                      |

| html-loader                        | exports HTML as string                                                                      |

| mini-css-extract-plugin            | creates a CSS file per JS file which contains CSS                                           |

| optimize-css-assets-webpack-plugin | optimize/minimize CSS assets                                                                |

| file-loader                        | resolves import/require() on a file into a url and emits the file into the output directory |

## How to run

Install the dependencies

```

npm install

or

yarn install

```

Development mode

```

npm start

or

yarn start

```

Generate a production build

```

npm run build

or

yarn build

```