Skip to content

uxmid/web-vue-cli

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue create 预置脚手架

要想实现vue create创建自己的脚手架,目录需要有以下文件

  • preset.json(必须) 存放vue脚手架的预设值,等同于用vue create创建项目后保存在~/.vuerc的配置
  • generator.js(可选) 配置逻辑处理的文件
  • prompts.js(可选) 用户对话配置文件

🐋 项目说明

该脚手架是为了快速初始化Web PC后台项目,为了解决每次新建项目都要从别的项目复制然后,删改,会遗留大量上个项目的元素,这里尽量做到删减,便于干净快速初始化

📚 使用方式

需要先全局安装vue-cli,3.0及以上版本

vue create -p uxmid/web-vue-cli <project name>

📦 脚手架内容

  • 添加vue dll,预打包不常用的库,提高打包速度
  • 添加webpack-aliyun-oss-plugin,打包之后静态文件都上传至阿里云oss,发包只用发布一个index.html即可.
  • 添加style-resources-loader, 将常用的less函数及mixins添加到webpack上下文全局,不用再在写style的时候手动引入变量了
  • 配置fork-ts-checker只检验项目下ts, tsx, vuets语法,避免检测node_modules内容

✏️ TodoList

  • 将大的依赖库放到external, 然后cdn方式引入,可大大减小vendor体积
  • 其他

🙋 迭代

不可能一开始就是完美的,需要与实际项目开发结合不停迭代添加元素,达到真正的便利化。