https://github.com/jonathas/webpack-alura

Alura's Webpack course
https://github.com/jonathas/webpack-alura

alura babel bootstrap javascript webpack

Last synced: 21 days ago
JSON representation

Alura's Webpack course

• Host: GitHub
• URL: https://github.com/jonathas/webpack-alura
• Owner: jonathas
• License: mit
• Created: 2018-12-31T19:43:16.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-31T19:43:48.000Z (about 6 years ago)
• Last Synced: 2024-11-16T06:28:26.580Z (3 months ago)
• Topics: alura, babel, bootstrap, javascript, webpack
• Language: JavaScript
• Homepage: https://www.alura.com.br/curso-online-webpack
• Size: 113 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Alura - Webpack course: Manipulating modules in your webapp

This is the code that I've developed following the course. I've made some changes in the original one.

## Content

### Introduction

- Webpack, module grouper

- Preparing the ground for Webpack

- The fearsome webpack.config.js

- Babel-loader, the bridge between Webpack and Babel

### Preparing the production build

- Production Build

- Changing environment variables with cross-env

### Webpack Dev Server and Configuration

- Adapting the application

- Installation and Configuration

### Treating CSS files as modules

- Managing front-end dependencies with npm

- Importing Bootstrap as a Module

- Importing any CSS

- Resolving FOUC (Flash of Unstyled Content)

- We solve one problem and create another, but there is a solution!

### Importing scripts

- Importing scripts

- Dealing with global dependencies

### Good habits

- Optimizing build with Scope Hoisting

- Separating our code from libraries

- Generating the main page automatically

- Code splitting and Lazy loading

- System.import vs import

- What are the files for distribution?

- Changing the API Address in Production Build

- Final considerations