ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 01:54:48 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

docs(cli): add directory chapter (#5834)

Browse Source
This commit is contained in:
chenjiahan
2020-04-05 20:52:43 +08:00
parent ab0accba4f
commit a72942f31a
3 changed files with 86 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/vant-cli/docs/commands.md
View File

@@ -31,36 +31,7 @@ npx vant-cli dev
构建组件库。
运行 build 命令会在 `es` 和 `lib` 目录下生成可用于生产环境的组件代码，结构如下：
```
project
├─ es # es 目录下的代码遵循 esmodule 规范
│ ├─ button # button 组件编译后的代码目录
│ ├─ dialog # dialog 组件编译后的代码目录
│ └─ index.js # 引入所有组件的入口，支持 tree shaking
│
└─ lib # lib 目录下的代码遵循 commonjs 规范
├─ button # button 组件编译后的代码目录
├─ dialog # dialog 组件编译后的代码目录
├─ index.js # 引入所有组件的入口
├─ index.less # 所有组件未编译的样式
├─ index.css # 所有组件打包后的样式，用于 CDN 引入
├─ name.js # 所有组件打包后的脚本，未压缩，用于 CDN 引入
└─ name.min.js # 所有组件打包后的脚本，已压缩，用于 CDN 引入
```
单个组件编译后的目录如下：
```
button
├─ index.js # 组件编译后的 JS 文件
├─ index.css # 组件编译后的 CSS 文件
├─ index.less # 组件编译前的 CSS 文件
└─ style # 按需引入样式的入口
├─ index.js # 按需引入编译后的样式
└─ less.js # 按需引入未编译的样式，可用于主题定制
```
运行 build 命令会在 `es` 和 `lib` 目录下生成可用于生产环境的组件代码，详见 [目录结构](https://github.com/youzan/vant/tree/dev/packages/vant-cli/docs/directory.md)。
发布 npm 时，请将以下配置加入到 `package.json` 中，使 npm 包能被正确识别: