djlxiaoshi / vue-webpack4-template

Webpack4-Vue-Template

这是一个基于Webpack4、Element-UI、Vue的项目模板项目，目的是以后可以快速的创建基本的项目基本框架，以及开发过程中的最佳实践

• 打包构建工具：Webpack4
• 前端MVVM框架：Vue2.x
• UI框架：Element-UI
• 路由：Vue-Router
• 状态管理：Vuex
• ajax库：axios
• 日期格式化库：dayjs
• 工具库：lodash

项目目录结构

实现功能

• webpack4基本配置
• webpack4的优化
• pwa
• axios封装
• 路由权限管理
• 基本公共组件的封装
• 数据mock功能

Bug List

• [] pwa 开发环境不开启
• [] 初始页有两个loading
• [] webpack 没有报错提示

待完成

• [] 预渲染
• [] 骨架屏

参考脚手架：

pwa 参考文章 https://zhuanlan.zhihu.com/p/67893712 https://blog.csdn.net/mjzhang1993/article/details/79584854

workbox-webpack-plugin 配置文档

json-server 使用参考文档

json-server进阶 上手玩一下 json-server（一）了解篇 json-server 详解