spfx 是如何构建的？如何构建自定义 spfx 生成器答案

【问题标题】：how does spfx get builded? how to build custom spfx generatorspfx 是如何构建的？如何构建自定义 spfx 生成器
【发布时间】：2022-01-13 21:49:49
【问题描述】：

我正在学习 spfx webpart。我打开 gulpfile.js 文件，但它只有有限的代码行。怎么知道spfx webpart的搭建流程？

我注意到有一个 PNP spfx 生成器。是否可以创建我自己的自定义 spfx 生成器？还是让 spfx 参与到我的节点项目中？

谢谢

【问题讨论】：

标签： spfx

【解决方案1】：

SPFx 项目是使用一个复杂的构建系统构建的，它是一个 npm 包。您可以在名称下的 node_modules 文件夹下找到它 - @microsoft/sp-build-web

这个包使用了更多的包。您可以进入 node_moduels 文件夹并查找名为 @microsoft/gulp-core-build* 的包

整个构建系统是用面向对象的代码构建的，其中包含许多使用 TypeScript 的类和接口。

如果您只想自定义构建过程，那么您可以构建在 gulpfile.js 中编码的自定义任务。

【讨论】：