Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kailong321200875/webpack-multi-page-cli

A set of multi page scaffolding based on webpack5
https://github.com/kailong321200875/webpack-multi-page-cli

multipage template webpack

Last synced: 7 days ago
JSON representation

A set of multi page scaffolding based on webpack5

Host: GitHub
URL: https://github.com/kailong321200875/webpack-multi-page-cli
Owner: kailong321200875
License: mit
Created: 2019-08-06T05:47:06.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2024-01-15T08:01:37.000Z (10 months ago)
Last Synced: 2024-11-01T06:51:33.100Z (14 days ago)
Topics: multipage, template, webpack
Language: JavaScript
Homepage:
Size: 10.9 MB
Stars: 24
Watchers: 4
Forks: 4
Open Issues: 3
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

webpack-multi-page-cli

## 介绍

一套基于 `webpack5` 的多页脚手架，方便做一些小型项目使用，同时也为了巩固自己的 `webpack` 知识。

## 相关文章

[webpack5 多页脚手架搭建](https://juejin.cn/post/7083413557278146591)

## 安装和使用

- 获取代码

```bash
git clone https://github.com/kailong321200875/webpack-multi-page-cli.git
```

- 安装依赖

```bash
cd webpack-multi-page-cli

pnpm install

```

## 如何新增页面

考虑到一个页面的创建比较麻烦，所以提供快速创建页面的命令：

```bash
npm run p
```

之后输入要创建的模块名称即可创建成功，之后需要在运行以下命令，用于webpack配置动态获取html模块：

```bash
npm run tems
```

完成之后，需要重新启动项目

## 环境变量

目前共有三种环境：`development`、`pre`、`beta`、`release`，如果需要新增环境变量，可以在对应的 `.env.xxx` 文件中新增，需要注意的事，环境变量的前缀必须是 `v_` 开头，否则不注入到浏览器环境中。

- 运行

运行 `development` 环境

```bash
pnpm run serve
```

运行 `pre` 环境

```bash
pnpm run serve:pre
```

运行 `beta` 环境

```bash
pnpm run serve:beta
```

运行 `release` 环境

```bash
pnpm run serve:release
```

- 打包

打包 `pre` 环境

```bash
pnpm run build:pre
```

打包 `beta` 环境

```bash
pnpm run build:beta
```

打包 `release` 环境

```bash
pnpm run build:release
```

## 浏览器支持

本地开发推荐使用 `Chrome 80+` 浏览器

支持现代浏览器及IE11，11以下的未测试。

| [](http://godban.github.io/browsers-support-badges/)IE | [](http://godban.github.io/browsers-support-badges/)Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari |
| :-: | :-: | :-: | :-: | :-: |
| support IE11 | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 贡献者

_Archer

_{Kailong502431556}