DEV Community
·
基于表单的Dataverse Web资源：使用React、TypeScript和FluentUI - 第二部分
内容提要
几个月前，我发布了一款npm包，用于创建基于表单的HTML Web资源。现在，我推出了一个新npm包，自动化了之前的手动步骤，简化了Web资源开发。新包支持FluentUI样式，自动处理CSS，并迁移到Fluent 9图标。只需使用命令即可创建Web资源，提升开发效率。
关键要点
-
几个月前发布了一个npm包，用于创建基于表单的HTML Web资源。
-
新npm包自动化了之前的手动步骤，简化了Web资源开发。
-
新包支持FluentUI样式，自动处理CSS，并迁移到Fluent 9图标。
-
只需使用命令即可创建Web资源，提升开发效率。
-
新包克隆了之前的包，自动处理步骤2到4，并提供了一些改进。
-
CSS现在通过FluentUI的makeStyles在.tsx文件中内部管理。
-
CSS的大小、位置、颜色、边框和字体通过FluentUI tokens处理，以反映标准主题。
-
开发模式下，render()调用在运行Web资源时自动完成。
-
可以通过命令'npx create-react-app <name> --template @_neronotte/cra-template-dataverse-webresource-form'创建Web资源。
-
新包使Web资源开发更加高效，源代码在GitHub上开源，欢迎反馈和功能请求。
延伸问答
新npm包的主要功能是什么？
新npm包自动化了Web资源开发的手动步骤，支持FluentUI样式，并简化了CSS处理。
如何使用新npm包创建Web资源？
可以通过命令'npx create-react-app <name> --template @_neronotte/cra-template-dataverse-webresource-form'创建Web资源。
新包在CSS管理上有什么改进？
CSS现在通过FluentUI的makeStyles在.tsx文件中内部管理，使用FluentUI tokens处理样式。
新npm包如何提升开发效率？
新npm包简化了Web资源开发流程，自动处理多个步骤，减少了手动操作。
新包支持哪些图标版本？
新包将图标依赖从旧版Fluent 8迁移到新版Fluent 9图标。
源代码在哪里可以找到？
源代码在GitHub上开源，欢迎反馈和功能请求。
