一套基于 webpack5 的多页脚手架,方便做一些小型项目使用,同时也为了巩固自己的 webpack 知识。
- 获取代码
git clone https://github.com/kailong321200875/webpack-multi-page-cli.git- 安装依赖
cd webpack-multi-page-cli
pnpm install
考虑到一个页面的创建比较麻烦,所以提供快速创建页面的命令:
npm run p之后输入要创建的模块名称即可创建成功,之后需要在运行以下命令,用于webpack配置动态获取html模块:
npm run tems完成之后,需要重新启动项目
目前共有三种环境:development、pre、beta、release,如果需要新增环境变量,可以在对应的 .env.xxx 文件中新增,需要注意的事,环境变量的前缀必须是 v_ 开头,否则不注入到浏览器环境中。
- 运行
运行 development 环境
pnpm run serve运行 pre 环境
pnpm run serve:pre运行 beta 环境
pnpm run serve:beta运行 release 环境
pnpm run serve:release- 打包
打包 pre 环境
pnpm run build:pre打包 beta 环境
pnpm run build:beta打包 release 环境
pnpm run build:release本地开发推荐使用 Chrome 80+ 浏览器
支持现代浏览器及IE11,11以下的未测试。
![]() IE |
![]() Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
|---|---|---|---|---|
| support IE11 | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
Archer |
Kailong502431556 |




