littlebot
Published on 2025-04-13 / 0 Visits
0

【源码】基于Vue2.0的多页面生成模板

项目简介

这是一个基于vue-cli和webpack的模板项目,专为Vue2.0开发。它支持多页面生成,可依据不同入口生成多个页面。同时,该项目支持不同环境配置,能根据不同环境暴露不同的公用变量。

项目的主要特性和功能

  1. 多页面支持:可根据不同入口轻松生成多个页面。
  2. 环境配置:支持开发、测试和生产等多种环境配置,可通过修改配置文件满足不同环境需求。
  3. 全局变量管理:通过config/*.env.js文件能方便地暴露全局变量,如接口地址等,且变量可根据环境不同进行配置。

安装使用步骤

假设用户已下载本项目的源码文件。 1. 安装依赖:在项目根目录下执行 npm install 命令安装所有依赖。 2. 运行项目:执行 npm run dev 命令启动开发服务器进行本地开发和调试。若需指定端口号,可使用 npm run dev port 命令,port 范围为 10000 到 65535 之间的数字。 3. 构建不同环境:分别执行 npm run buildnpm run build:testnpm run build:prod 命令构建开发、测试和生产环境。 4. 配置项目:在 config/index.js 文件中进行基本配置。若更改开发环境配置,可编辑 dev.js 文件。不同环境的配置应放在 config/*.env.js 文件中,包括环境名称、是否压缩代码以及需暴露的全局变量等。 5. 多页面支持:若需支持多页面生成,可在 build.html 字段进行配置。

下载地址

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