https://github.com/kareimgazer/webpack-content
https://github.com/kareimgazer/webpack-content
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kareimgazer/webpack-content
- Owner: KareimGazer
- Created: 2021-08-27T01:44:42.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-27T01:47:56.000Z (about 4 years ago)
- Last Synced: 2025-02-03T12:43:05.834Z (8 months ago)
- Language: JavaScript
- Size: 76.2 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webpack Express Example App
The goal of this repo is be an example of a basic but functional app built on Express and Webpack.
If you are just starting this process, start from branch 0-initial-setup. Otherwise, switch to the appropriate numbered branches of this repo as needed. The branches are:
- [0-initial-setup](https://github.com/udacity/fend-webpack-content/tree/0-initial-setup)
- [1-install-webpack](https://github.com/udacity/fend-webpack-content/tree/1-install-webpack)
- [2-add-webpack-entry](https://github.com/udacity/fend-webpack-content/tree/2-add-webpack-entry)
- [3-webpack-output-and-loaders](https://github.com/udacity/fend-webpack-content/tree/3-webpack-output-and-loaders)
- [4-webpack-plugins](https://github.com/udacity/fend-webpack-content/tree/4-webpack-plugins)
- [5-webpack-mode](https://github.com/udacity/fend-webpack-content/tree/5-webpack-mode)
- [6-webpack-for-convenience](https://github.com/udacity/fend-webpack-content/tree/6-webpack-for-convenience)
Each branch in this project is a step along the path to creating a fully functional webpack setup. In each branch, there will be a documentation file that lists out the steps taken in that branch (each step is also roughly a git commit if you look at the history) which you can use as a checklist when setting up your own projects.
## What we will cover
We will cover:
- Webpack entry point
- Webpack output and dist folder
- Webpack Loaders
- Webpack Plugins
- Webpack Mode
- Tools for convenient Webpack development
## Get Up and Running
Fork this repo, then clone the branch of your choice from your forked repo down to your computer:
```
git clone -- git@github.com:[your-user-name]/webpack-express.git --
```
`cd` into your new folder and run:
- ```npm install```
- ```npm start``` to start the app
- this app runs on localhost:8080, but you can of course edit that in server.js
**Note:** Webpack needs to be at version 4 in order for this repo to work as expected. Webpack is automatically included at the correct version in the `package.json` provided here.