【源码】基于webpack4和Vue的前端单页面构建系统

项目简介

本项目是一个不依赖第三方脚手架的前端单页面构建方案。它基于webpack4、TypeScript、Vue、Vue Router、Vuex、ES6、Vant、Axios等技术搭建，能助力开发者快速搭建项目基础架构。支持路由按需加载或按模块加载，UI库默认采用Vant，且支持组件按需加载。

项目的主要特性和功能

1. 利用webpack4进行构建，实现模块打包与代码分割。
2. 结合Vue与TypeScript，增强前端开发的便捷性和强大性。
3. 路由支持按需或按模块加载，提高应用加载速度和性能。
4. 默认使用Vant作为UI库，提供丰富组件，方便界面构建。
5. 支持组件按需加载，减小应用体积。
6. 集成ESLint，规范代码质量。
7. 集成Jest、TypeScript和vue-test-utils，具备单元测试能力。
8. 遵循git hooks与commitmsg规范，便于团队协作开发。

安装使用步骤

开发

1. 复制项目： bash
2. 进入项目目录： bash cd webpack4-vue-typescript-cli
3. 请求代理（可选）： bash cp build/env.js.dist build/env.js
4. 安装依赖： bash npm install
5. 启动服务： bash npm run start 或者指定端口号： bash npm run start port:9099 在浏览器访问 http://localhost:9099

发布

构建生产环境： bash npm run compile

其它功能

• 静态资源分析： bash npm run analyzer
• 修复lint： bash npm run lint
• 自动生成vue文件（默认在src/containers下）： bash npm run generate:vue 指定目录： bash npm run generate:vue path:src/demo

下载地址

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