答:是通过模板自动生成的
我们从构建指令入手,一步步分析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的具体用法傻鱼没有进一步跟踪,也不是我们关注的重点

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`进行打包,并将生成的文件部署到服务器。
最低0.47元/天 解锁文章
ElementUI的官方文档是怎么构建出来的?&spm=1001.2101.3001.5002&articleId=118646710&d=1&t=3&u=19291ac08da44fd7bdc28966f4c05276)
3208

被折叠的 条评论
为什么被折叠?



