浅析Element UI 源码

仓库地址:GitHub

1、代码结构

浅析Element UI 源码_第1张图片

2、逐步解析

2.1.package.json

浅析Element UI 源码_第2张图片

  • 描述配置:name、version、description、repository(仓库地址)、keywords、homepage(官网)、bugs、license(许可证);
  • 文件配置:files(指定需要跟随一起发布的内容、控制npm包大小)、typings(TypeScript 的入口文件)、main(项目的入口文件、默认为根目录下的 index.js)、faas(用于faas deploy 配置)、style(样式入口文件)、
  • 依赖:dependencies(运行依赖,也就是项目生产环境下需要用到的依赖)、devDependencies(开发依赖,项目开发环境需要用到而运行时不需要的依赖,用于辅助开发)、peerDependencies(同伴依赖,不会被自动安装,通常用于表示与另一个包的依赖与兼容性关系来警示使用者)
  • 脚本配置:scripts(项目的一些内置脚本命令)
  • 其他:unpkg(cdn优化服务,让 npm 上所有的文件都开启 CDN 服务)

参考:
Element-ui源码分析
01.Element UI 项目工程化剖析之项目概览、package.json、npm script
package.json 配置完全解读
package.json 指南

你可能感兴趣的:(浅析Element UI 源码)