![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VueCli
文章平均质量分 68
两只小蚂蚁
这个作者很懒,什么都没留下…
展开
-
VueCli番外之recast
初次见面: project 这个文件用来合并JS中的导出对象: source.js 例如以上内容会被转化成: source.js 看上去是不是只是将exports的值做了合并,似乎我们有另外一种方法可行:即将该文件读取并将module.exports的值用对象合并再重新写入文件。 recast recast的魅力在于它能帮助你拆分代码并改造任意位置和结构的代码,在很多流行框架中均有用到如:webpack、vue-cli这类前端自动化的工具等。 还是以上代码,假如它是这样的:原创 2021-06-22 14:45:49 · 383 阅读 · 0 评论 -
VueCli番外-写入主文件
通过 generator 方法你能够修改项目中的文件。最有用的场景是针对main.js或main.ts文件的一些修改:新的导入,新的Vue.use()调用等。原创 2021-06-03 11:54:14 · 211 阅读 · 0 评论 -
VueCli番外-如何判断是否使用淘宝源
当你写的node进程运行在遥远的某一个客户端时,如何帮助用户判断是否使用淘宝源呢? 伪代码 还是按照我的习惯,上一段伪代码,先大概了解下Vue-Cli是如何判断的: shouldUseTaobao(包管理器command){ if(没有指定包管理器command){ 设置command = 包管理器 } if(已经调用过shouldUseTaobao) return 上一次调用的结果 const saved = 读取~/.vue.原创 2021-05-19 16:30:05 · 324 阅读 · 0 评论 -
精读VueCli《2.1》
来了,老弟! 上一节我们讲到create这个方法,现在我们具体来解析: 还是一样,打开以下几个文件 只要剖析完这个create方法,你会发现整个Creator.js这个文件你都消化了 首先,请安耐住你焦躁的心情,因为篇幅会比较长,但只要耐心看完,哪怕多花点时间,相信会有不一样的收获~~~???? 伪代码 话不多说,先上伪代码: async create(cliOptions = {}, preset = null){ if(<预置属性presets> = 空){原创 2021-05-10 15:52:21 · 96 阅读 · 0 评论 -
精读VueCli《1》
我们知道,vue-cli的入口文件位置是 @vue/cli/bin/vue.js,相信你已经打开了该文件,并看到了熟悉的create命令: NODE版本检查 在文件的开始处,有这么一段代码: const requiredVersion = require('../package.json').engines.node function checkNodeVersion (wanted, id) { if (!semver.satisfies(process.version, wanted.原创 2021-05-08 17:05:51 · 4031 阅读 · 5 评论 -
精读VueCli《0》
官方文档 首先,我们从github上下载其源码。 想要了解一个工具的原理,我们可以从它怎么用开始去挖掘: 我们知道,使用vue-cli时,我们会将其安装成全局依赖,并执行 vue create xxx来构建一个新的vue原型项目工程,并且vue-cli提供了许多其他的命令来支持项目开发。 我们翻开代码,可以发现packages中有以下三个包,凭借着多年开发的经验,不得而知,@vue是我们需要重点关注的文件夹: @vue/cli/bin/vue.js 该文件是所有vue相关命令的集成,打开.原创 2021-05-07 10:30:07 · 82 阅读 · 0 评论