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