https://github.com/zcemycl/webpack-js-mpa-example
Example of javascript good practice.
https://github.com/zcemycl/webpack-js-mpa-example
javascript jest mpa mvc puppeteer webpack
Last synced: about 1 month ago
JSON representation
Example of javascript good practice.
- Host: GitHub
- URL: https://github.com/zcemycl/webpack-js-mpa-example
- Owner: zcemycl
- Created: 2022-09-11T23:16:37.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-12T21:50:06.000Z (over 3 years ago)
- Last Synced: 2025-08-12T05:54:54.392Z (10 months ago)
- Topics: javascript, jest, mpa, mvc, puppeteer, webpack
- Language: JavaScript
- Homepage: https://zcemycl.github.io/webpack-js-mpa-example
- Size: 229 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multi Pages Webpack  [](https://coveralls.io/github/zcemycl/webpack-js-mpa-example?branch=main)
- Each html should have its corresonding `bundle.js`.
## Techniques
1. Model View Controller (MVC)
2. Jest for unit testing
3. Puppeteer for e2e testing
4. Webpack
5. MultiPages Application
6. Github action to deploy github pages
## How to start?
1. Create `webpack.config.js`, and edit it.
2. Initialise npm. `npm init`
3. Edit `package.json`.
4. Install following packages.
```
npm install --save-dev webpack webpack-cli lite-server
```
### References
1. [Creating Multiple Bundles for Multiple Pages with Webpack - Ep. 7](https://www.youtube.com/watch?v=PcPzKMZzyqc)
2. [SPAs vs MPAs/MVC - Are Single Page Apps always better?](https://www.youtube.com/watch?v=F_BYg2QGsC0)
3. [Continuously Deploy Static Pages with Github Actions & gh-pages](https://javascript.plainenglish.io/continuously-deploy-static-pages-with-github-actions-gh-pages-207e4a009d1c)