https://github.com/jxmked/webpack-multipage-base-template

Multipage webpack rendering
https://github.com/jxmked/webpack-multipage-base-template

multipage-static-websites typescript webpack

Last synced: 23 days ago
JSON representation

Multipage webpack rendering

• Host: GitHub
• URL: https://github.com/jxmked/webpack-multipage-base-template
• Owner: jxmked
• License: mit
• Created: 2023-11-28T08:40:35.000Z (about 1 year ago)
• Default Branch: xio
• Last Pushed: 2023-11-29T00:32:40.000Z (about 1 year ago)
• Last Synced: 2024-11-08T05:07:23.347Z (3 months ago)
• Topics: multipage-static-websites, typescript, webpack
• Language: HTML
• Homepage: https://jxmked.github.io/webpack-multipage-base-template/
• Size: 3.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Webpack Multipage Base Template

Wanna do some multipage static sites?

## Config

Open `entries.mjs` file and add your pages in `pages` constant.

```js

{

  title: 'index', // For config title and chunking

  folder: '', // Source file

  output_folder: '' // Url

}

```

> It also supports sub/sub/sub directories like what I did in `/pagetwo/about`

- The `title`, `folder` and `output_folder` keys should be unique.

- The `folder` key will be the actual folder inside of src folder.

- The `output_folder` key will be use as url path like `http://localhost:3000/:folder`

> The webpack config is similar to the first version of the "Webpack base template,"

> but the "Webpack base template" is only for single-page applications. The main

> difference between this template and the others is that this template supports

> multipage rendering, although it requires some additional setup complexity. To

> simplify the process, I added the `entries.mjs` file for easier configuration.

> Additionally, I have updated my [ga4-webpack-plugin](https://www.npmjs.com/package/ga4-webpack-plugin)

> to meet the requirements of this webpack configuration.

**Hope you guys like this**

#### Incase you lost

- [webpack-base-template](https://github.com/jxmked/webpack-base-template)

- [webpack-multipage-base-template](https://github.com/jxmked/webpack-multipage-base-template)

#### Any questions?

- email: [email protected]

- FB: fb.com/deguia25

- IG: instagram.com/jxmked