zcemycl / webpack-js-mpa-example

Example of javascript good practice.

Multi Pages Webpack

• 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
2. SPAs vs MPAs/MVC - Are Single Page Apps always better?
3. Continuously Deploy Static Pages with Github Actions & gh-pages