在sapui5 webide中反应js静态构建文件夹

2020-08-27 22:50发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


大家好,

我有一个要求,我在基于React的应用程序中有静态构建文件夹。 我想在sapui5应用程序中使用它并将其部署到Sap云平台。 当我部署应用程序时,它无法执行uglify任务。 下面是生成的日志。

我的原因是,它失败是因为webpack已经缩小了react app的生产版本所生成的js文件,而ui5任务无法进一步缩小已缩小的js。 有人可以帮我验证一下吗? 我的理解正确吗? 有办法克服吗?

致谢

费米娜。

信息生成器:生成器应用程序MapleChatBotThroughPortal(7/13)正在运行任务uglify ...

 8:52:45 PM(DIBuild)UI5构建失败。

 

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


大家好,

我有一个要求,我在基于React的应用程序中有静态构建文件夹。 我想在sapui5应用程序中使用它并将其部署到Sap云平台。 当我部署应用程序时,它无法执行uglify任务。 下面是生成的日志。

我的原因是,它失败是因为webpack已经缩小了react app的生产版本所生成的js文件,而ui5任务无法进一步缩小已缩小的js。 有人可以帮我验证一下吗? 我的理解正确吗? 有办法克服吗?

致谢

费米娜。

信息生成器:生成器应用程序MapleChatBotThroughPortal(7/13)正在运行任务uglify ...

 8:52:45 PM(DIBuild)UI5构建失败。

 
付费偷看设置
发送
1条回答
shere_lin
1楼 · 2020-08-27 23:34.采纳回答

不确定您是否已经解决了这个问题,但是我建议创建一个新的BSP应用程序,并从本质上模仿" serve -s build"命令(前提是您的React应用程序已由" create-react-app"引导)。/p>

1)在以下内容的"具有流逻辑的页面"中创建一个 index.htm 文件 您在SAP(SE80)中定制的BSP应用程序。

2)将" react-app/build/index.html"文件的内容复制到" 索引中 BSP应用程序的.htm 文件。

它应该看起来像这样:

 <!DOCTYPE html>
 
   <头>
     
     
     
     
     
     <链接
       hraf="//unpkg.com/fiori-fundamentals@latest/dist/fiori-fundamentals.min.css"
       rel =" stylesheet"
    />
     您的React App的名称
     
     
   
   <身体>
     
     
<脚本> //...一些生成的脚本

3)复制代码并使用内联JS脚本(位于ID为" root"的" div"下方)删除该部分。

因此,请复制脚本标签的内容,然后删除以下部分:

  

并替换为:

4)在BSP应用程序的" MIME"文件夹中创建一个" script.js"文件。

5)粘贴您在第3步中复制的脚本的内容。只需确保代码是纯JavaScript且不包含HTML或`

8)确保已将所有React精简版的js和css文件内容复制到其相应的BSP应用程序文件中。

就是这样。

别忘了保存并激活所有内容。

您完成的` index.htm `应该看起来像这样:

 <!doctype HTML>
 
   <头>
     
     
     
     
     
     您的React App的名称
     
     
   
    
     

您应该能够通过右键单击SE80中的BSP应用程序并按"测试"选项(位于"激活"下方)来访问该应用程序。

希望这会有所帮助。

一周热门 更多>