一套基于 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 |