这篇文章主要为大家展示了“element怎么用脚本自动化构建新组件”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“element怎么用脚本自动化构建新组件”这篇文章吧。在开源项目中，特别是UI库的开发，有太多人协同，每个人的code习惯也都不一样。并且UI库中每个组件都还会涉及到多语言、单元测试、路由、组件的readme.md文档等文件。所以如果每次都慢慢去创建这些则太麻烦了，并且多人修改公共文件如路由文件会产生非常多的冲突。所以在开源项目中都会有非常多的脚本，去自动化生成某些文件。
在element-ui项目根目录有个makefile文件，每条命令的作用都在注释中。windows用户要使用make命令执行脚本得下载。mac用户不需要。
# 注释输出过滤new关键字，当传入参数为new时，过滤掉当然，如果不想使用make直接执行node脚本即可，比如make new 组件名 等同于 node build/bin/new.js 组件名new.js为自动化的核心文件。我们先思考一下，创建组件文件无非就是两个步骤创建文件添加内容主要是通过file-save这个包创建文件并添加内容。先来看看api
如此便会生成如下文件更多的文档可以查看file-save
element-ui中就是先通过一个Files数组对象管理了需要创建的filename以及code content。这样直接循环Files就能创建对应的文件了。
另外，一般创建了组件还需要修改相应需要引用组件的地方，比如路由配置文件等。我们同样可以通过file-save去添加对应的路由。本身file-save会覆盖之前文件中的内容，也就是删除过后重新再次生成。所以如果是在原有基础上做增的操作的话，就需要获取到原有文件的内容，再在此基础上拼接新内容。我们可以这样做：
也就是通过fs模块读取到文件的旧内容，再拼接即可。element-ui是这么做的：file-save原理就是通过fs.createWriteStream这个api做了免费云主机域名一层封装。
简单说下使用
file-save的源码内容可以查看下面的伪代码。
当然，其实我们可以直接使用node的fs.writeFile这个API去创建文件，
可以发现参数跟file-save一样
以上是“element怎么用脚本自动化构建新组件”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！
这篇文章主要为大家展示了“jQuery如何实现响应滚动条事件功能”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家免费云主机域名一起研究并学习一下“jQuery如何实现响应滚动条事件功能”这篇文章吧。相关推荐: 基于Python怎么用Fa…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
