An open API service indexing awesome lists of open source software.

https://github.com/simbathesailor/dynamic-lazy-load-webpack

A simple demonstration fordynamically lazy-load ES module
https://github.com/simbathesailor/dynamic-lazy-load-webpack

Last synced: 3 months ago
JSON representation

A simple demonstration fordynamically lazy-load ES module

Awesome Lists containing this project

README

        

# Webpack Academy Courses for Frontend Masters
Code repository for the three Webpack courses recorded in 2018.

1. [Webpack 4 Fundamentals](https://frontendmasters.com/courses/webpack-fundamentals/) ([Slides](https://docs.google.com/presentation/d/1hFtMCMo62DgOIc-9OwgaVwPZHwv1cgMELArHcMbXlSI/edit#slide=id.g15e96ef847_0_0))
2. [Web Performance with Webpack](https://frontendmasters.com/courses/performance-webpack/) ([Slides](https://docs.google.com/presentation/d/1FW3GT9Ww1S6SEGu8HAO5eRZUFggfVuFE2ievNCDWVDo/edit?usp=sharing))
3. [Mastering Webpack Plugins](https://frontendmasters.com/courses/webpack-plugins/) ([Slides](https://docs.google.com/presentation/d/1P5f-cK4jlhGQIfPQ_vaYFRWV464kBb5UaUBkfRjBp4Y/edit?usp=sharing))

## Project Setup

This project assumes you have [Node.js v8](http://nodejs.org/) or greater installed which comes
the latest [npm](https://www.npmjs.com/) v5 or greater installed as well.

> Note: Sean uses [yarn](https://yarnpkg.com/lang/en/) instead of npm at times in this course. yarn and npm do the same thing, with a slightly different API.
> `npm run dev` vs `yarn dev`
> `npm install webpack-dev-server --save-dev` vs `yarn add webpack-dev-server`

There are different branches depending on which course you are going through.

1. [Sign up](https://github.com/join) for a GitHub Account (if you don't already have one)
2. [Fork](https://help.github.com/articles/fork-a-repo/) this repo
3. [Clone](https://help.github.com/articles/cloning-a-repository/) your fork
4. In the directory you cloned the repository, run `git fetch --all`

## Getting Started
These steps will assume that you have `cd`'d in your preferred editor to this repositories cloned location.

1. Install dependencies: `npm install`
2. Enjoy the course!

Tip: Use `git clone BRANCH_NAME -f` to jump into a given branch. The `-f` will force overwriting your local changes.

## Contact
* Email: [email protected]
* Twitter: [@TheLarkInn](https://twitter.com/thelarkinn)

## Support for the Courses
* Log a [Github issue](https://github.com/thelarkinn/webpack-workshop-2018/issues) if there's an issue with the code.
* Email: [email protected] if you have a general issue with the courses.