项目简介
这是一个基于vue-cli和webpack的模板项目,专为Vue2.0开发。它支持多页面生成,可依据不同入口生成多个页面。同时,该项目支持不同环境配置,能根据不同环境暴露不同的公用变量。
项目的主要特性和功能
- 多页面支持:可根据不同入口轻松生成多个页面。
- 环境配置:支持开发、测试和生产等多种环境配置,可通过修改配置文件满足不同环境需求。
- 全局变量管理:通过
config/*.env.js
文件能方便地暴露全局变量,如接口地址等,且变量可根据环境不同进行配置。
安装使用步骤
假设用户已下载本项目的源码文件。
1. 安装依赖:在项目根目录下执行 npm install
命令安装所有依赖。
2. 运行项目:执行 npm run dev
命令启动开发服务器进行本地开发和调试。若需指定端口号,可使用 npm run dev port
命令,port
范围为 10000 到 65535 之间的数字。
3. 构建不同环境:分别执行 npm run build
、npm run build:test
和 npm run build:prod
命令构建开发、测试和生产环境。
4. 配置项目:在 config/index.js
文件中进行基本配置。若更改开发环境配置,可编辑 dev.js
文件。不同环境的配置应放在 config/*.env.js
文件中,包括环境名称、是否压缩代码以及需暴露的全局变量等。
5. 多页面支持:若需支持多页面生成,可在 build.html
字段进行配置。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】