如何将react app创建为服务/程序包并将其导入另一个应用程序的'package.json'

Posted 2023-01-21

。

您好，目前我正在从事Monorepo应用程序的反应。

[我需要提取其某些“组件”和“样式”，并创建位于主项目之外的单独模块/包，并将它们像普通模块一样导入package.json。

初始文件结构和将来的建议结构：

 myMainproject:
 
    \src
      \components
        component-styles.scss
        \button
        \label
        \list
        \item
        .......
      \modules
        \calendar
        \header
        \footer
        \support
      .....
      package.json
      ....
      
 
 // I extract calendar, footer modules 
 
 calendarService:
 
     \src
      \components
        component-styles.scss
        \button
        \label
        \list
        \item
        .......
      \modules
        \calendar
      .....
      package.json
      ....
      
      
 footerService:
 
     \src
      \components
        component-styles.scss
        \button
        \label
        \list
        \item
        .......
      \modules
        \footer
      .....
      package.json
      ....
      
 
 // Extract style and create a separate service
 
 styleService
      \src
        \styles
         .....
      package.json
      ....
      
      

final 'package.json' of 'myMainproject':

  ......
  "dependencies": 
      "calendarService": ...,
      "footerService": .... ,
      "styleService": ...,
      .....
  

您是否有任何想法，不仅是技术方面的想法，还是建筑方面的想法，或者任何实现该目标的文档？

答案

根据设计，对于要创建的每个React模块（日历，页脚和样式），您还需要向该结构添加index.js文件。您可以根据需要命名文件。这是在需要模块时将执行的文件。

另一答案

None