入口

chroma-panel 拆分成了多个入口，你可以只导入用到的部分。下表列出了每个路径包含的内容。在意打包体积，或者想脱离 React 使用颜色引擎时，就用更小的路径。单靠 tree shaking 并不能去掉你没有展示的模式：每个模式会在文件加载时自行注册，而且包把这些文件标记为有副作用，所以打包工具会保留它们。体积的节省来自少导入几个入口。

导入 chroma-panel 会注册全部五种模式。想减小体积，就导入外壳，再自行添加模式。

import { ChromaPanel } from "chroma-panel/panel";
import { wheelMode } from "chroma-panel/modes";
 
<ChromaPanel modes={[wheelMode]} />;

两个数值都是 gzip 压缩后的大小，且 React 作为外部依赖不计入。详见这些体积是如何测量的。

子路径