Skip to content

kailong321200875/webpack-multi-page-cli

Repository files navigation

webpack-multi-page-cli

介绍

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

相关文章

webpack5 多页脚手架搭建

安装和使用

  • 获取代码
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

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

环境变量

目前共有三种环境:developmentprebetarelease,如果需要新增环境变量,可以在对应的 .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以下的未测试。

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
support IE11 last 2 versions last 2 versions last 2 versions last 2 versions

贡献者

kailong321200875
Archer
kailong502431556
Kailong502431556