【源码】基于Webpack4的多页面H5项目生成器

项目简介

本项目是基于Webpack4的多页面H5项目生成器，集成了ArcGIS地图API、ES6、Layui、jQuery等多种前端技术。借助Webpack的打包、编译、自动化、压缩和热更新等功能，能够帮助开发者快速搭建与开发多页面H5项目，高效管理多个页面和入口。

项目的主要特性和功能

1. 多页面支持：便于创建和管理多个页面。
2. 丰富的技术选型：集成ArcGIS地图API、Layui等多种前端技术。
3. 便捷的环境配置：使用npm和Webpack管理，提供快速的安装与打包流程。
4. 开发工具完备：Webpack打包工具可对HTML、JS和CSS等资源自动化处理。
5. Mock数据支持：利用json - server生成假数据接口，方便不依赖后端进行开发。

安装使用步骤

安装环境

安装Nodejs和Git后，执行以下命令安装NPM镜像CNPM： sh npm install -g cnpm --registry=https://registry.npm.taobao.org

下载源代码

使用相关命令复制项目代码到本地。

安装依赖

解压后进入项目根目录，执行命令： sh cpm i

使用方法

1. 新建页面：执行命令npm run create xxxx，会在src/pages下创建同名文件夹及xxxx.html、xxxx.js和xxxx.scss文件。
2. 启动开发服务器：执行npm run dev启动开发。
3. 打包项目：执行npm run build进行项目打包。
4. 启动Mock数据接口：执行npm run mock，会在9000端口生成接口，可访问http://127.0.0.1:9000/routes1/routes1Data?pageNo=1&pageSize=2和http://127.0.0.1:9000/routes2/routes2Data?pageNo=1&pageSize=2等地址。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】