PXBlue图标库：Eaton应用的补充图标与安装指南

资源摘要信息:"该文件是关于PXBlue图标的介绍，包括安装、使用、引用等操作方法。" 1. PX Blue图标介绍： PX Blue图标是一套为伊顿应用程序设计的图标库，它补充了标准的Material Design图标。这些图标以设计文件、图标字体和svg图标的形式提供。 2. 安装方法： PX Blue图标可以通过NPM进行安装，有两种安装命令可供选择。一种是使用npm安装，命令为：npm install --save @pxblue/icons。另一种是使用yarn进行安装，命令为：yarn add @pxblue/icons。这两种方式都可以将PX Blue图标作为项目的依赖项。 3. 引用方法： 安装完成后，需要在应用程序中引用图标字体，使其可供使用。具体操作方法根据应用程序的开发环境而有所不同。以下是两种常见情况的引用方法。 4. Angular项目的引用方法： 在Angular项目中，需要修改angular.json文件中的“样式”条目，包括“构建”和“测试”下的条目，以包含图标字体的引用。具体代码如下： "styles": [ "src/styles.scss", "./node_modules/@pxblue/icons/iconfont/PXBlueIcons.css" ], 这样，图标字体就可以在Angular项目中使用了。 5. React项目的引用方法： 在React项目中，需要在顶级JS文件中引入图标字体。具体代码如下： import "@pxblue/icons/iconfont/PXBlueIcons.css"; 这样，图标字体就可以在React项目中使用了。 以上就是关于PX Blue图标的详细介绍和使用方法。希望对你有所帮助。