webpack多页脚手架 每个页面可单独部署

224 阅读1分钟

由于项目需要,希望打包后每个页面可单独部署。为了方便以后快速创建项目,就产生了次脚手架。multipage-cli

项目地址 multipage-cli

生成的项目

image.png

打包后的目录,每个文件夹可单独部署运行

image.png

multipage-cli使用

一、全局安装multipage

npm install -g multipage

二、生成项目

multipage create multipage

一个webpack多页项目就这样快速创建完成了。然后就是启动项目[进入文件夹-安装依赖-启动项目] cd multipage npm install npm run serve 页面开发完成后,打包npm run build,打包结果输出在dist目录中,每个页面可单独部署运行。