html文件怎么使用elementui,(二)ElementUI的官方文档是怎么构建出来的?

ElementUI的官方文档是通过模板自动生成的。构建过程涉及多个脚本文件,如`iconInit.js`生成`icon.json`,`build-entry.js`生成源码入口文件`src/index.js`,`i18n.js`生成不同语言版本的Vue文件,以及`version.js`生成版本信息。使用`cross-env NODE_ENV=production webpack --config build/webpack.demo.js`进行打包,并将生成的文件部署到服务器。
摘要由CSDN通过智能技术生成

答:是通过模板自动生成的

我们从构建指令入手,一步步分析element-ui官方文档的构建过程

1,构建指令

"deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo element.eleme.io>>examples/element-ui/CNAME",

很显然这个指令分三部分,

npm run build:file

cross-env NODE_ENV=production webpack --config build/webpack.demo.js

echo element.eleme.io>>examples/element-ui/CNAME (这个没啥好说的,只是每次构建向CNAME中写入一句话而已)

首先看 build:file具体内容

"build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/version.js",

这里分别执行了四个脚本文件,查看他们的内容,显然是通过node内置的fs指令通过模板文件自动生成另外一些代码,看看他们生成了什么代码:

iconInit.js,  这个生成了 /examples/icon.json文件,里面是项目中使用到的图标,这个icon.json的具体用法傻鱼没有进一步跟踪,也不是我们关注的重点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值