仓库地址:GitHub

1、代码结构

image.png

2、逐步解析

2.1.package.json

image.png

  • 描述配置: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 指南


薇薇
298 声望24 粉丝

路漫漫其修远兮,吾将上下而求索