使用vue-cli2.0版本的vue脚手架一年多了，对脚手架扩展了一些功能，出于工作因素，无法直接分享。

近期会利用下班时间对vue-cli 3.0版本的脚手架进行改造，扩展功能点较之前全部会进行重写，且进行再次优化。

扩展功能点代码分步骤放出，因为本系列文章不定期更新，但每次放出系完整子功能点。

先分享3个功能点吧


扩展点

  1. 改造vue项目为多页（多模块）、多应用，通用权限及底层前端服务
  2. 改造npm run serve命令，支持单模块启动调试服务
  3. 改造npm run build命令，改为构建指定应用


为什么扩展？

  1. vue-cli 2.0版本官方不支持多页，且2.0使用的webpack构建任务不支持多线程以及DLL，全靠自己扩展，不便于维护和升级
  2. vue-cli 2.0在多页数量较多的情况下，且一个单页比较大的时候，不管本地热更新还是构建打包，都是非常慢的。我之前的项目在不开启webpack多线程时，整个项目热更新需要40秒左右！这意味着你修改保存文档，需要更待40秒页面才刷新...，所以，大型项目支持启动单页调试功能非常非常重要！
  3. 现在的工程大多存在多个子应用，且多个子通常使用一套组件，但是子应用采用单独发包迭代。通常是建立多个工程，然后前端公共库和组件套等都上传NPM，其实这样挺费劲的。所以支持多应用也是有必要，我个人觉得更符合专职的前端小伙伴


扩展点分享文章

    《vue-cli 3.0脚手架配置及扩展 （一）：扩展说明》

    《vue-cli 3.0脚手架配置及扩展 （二）：vue.config.js多页配置》

    《vue-cli 3.0脚手架配置及扩展 （三）：config.app.js应用目录配置》

    《vue-cli 3.0脚手架配置及扩展 （四）：VueConf类》

    《vue-cli 3.0脚手架配置及扩展 （五）：AppConf类》



Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue