基于 Vue-cli3 搭建的前端开发脚手架项目模板,主要包括有以下内容:Webpack4.x 性能调优配置,Vue.js 全家桶,移动端 vw 适配,单元测试等功能,仅供参考,欢迎大家围观指教!
- Babel
- VueRouter
- Vuex
- CSS 预编译工具:Less
- HTTP 库:Axios
- 代码规范:eslint airbnb 规范
- 业务代码和第三方库区分打包:DllPlugin
- 删除冗余代码:UglifyJsPlugin
- 开启 Gizp 压缩:compression-webpack-plugin
- 配置引入公共样式文件
- 使用 alias 简化路径
- vw 移动端适配
- 文件结构可视化:webpack-bundle-analyzer
# 克隆项目 $ git clone https://github.com/liangfengbo/vue-cli3-template # 进入目录 $ cd vue-cli3-template # 安装依赖包 $ yarn install # 启动项目 $ yarn serve # eslint 检测 $ yarn lint # eslint 修复 $ yarnr lint --fix # 项目构建打包 $ yarn run build # 项目构建打包分析 $ yarn run build --report # 现代模式打包 $ yarn build --modren - 没有yarn环境,npm 可以吗?
答:可以的,建议使用 yarn,yarn 比 npm 速度快,主要是安装版本统一。
- vue.config.js 里面的一些配置可以不需要吗?或者我新增一些配置可以吗?
答:可以的,你可以根据你的实际需要进行修改或增删配置的,比如你不需要 开启 Gizp 压缩,你在 vue.config.js 里面删除 开启gzip 内容即可。且 env 文件, 代理服务器的接口或转发路径,这些肯定需要改为你实际开发中的接口路径的。