使用脚本进行 SAP Spartacus 安装工作

Test the Spartacus installation with schematics on Windows

本文介绍详细步骤。

首先使用命令行安装 verdaccio:

Install verdaccio $ npm i -g verdaccio@4 (only for the first time)

Verdaccio 是一个简单的、零配置要求的本地私有 NPM 注册表。 不需要整个数据库就可以开始。 Verdaccio 开箱即用,带有自己的小型数据库,并且能够代理其他注册表(例如 npmjs.org),还引入了缓存下载模块的功能。 对于那些希望扩展其存储能力的人,Verdaccio 支持各种社区制作的插件来连接到服务,例如 Amazon 的 S3、Google Cloud Storage 或创建自己的插件。

使用脚本进行 SAP Spartacus 安装工作_第1张图片
使用下面的命令行添加新用户:

npm adduser --registry http://localhost:4873
使用脚本进行 SAP Spartacus 安装工作_第2张图片
这样,之后安装 Spartacus 需要拖取依赖包时,可以从本地 verdaccio 数据库里读取内容,而无需通过网络读取。

错误1:lsof command not found

使用脚本进行 SAP Spartacus 安装工作_第3张图片
lsof 命令用来检查 verdaccio 是否已经正在运行了:

使用脚本进行 SAP Spartacus 安装工作_第4张图片
verdaccio 用来注册新用户,完成之后需要结束该进程。

上面脚本的含义是,把 lsof 命令的结果存到变量 VERDACCIO_PID 里,然后检查该变量是否不为空。

-n 操作检测后面的操作数是否为空。

if [ ! -n "$1" ] 的含义是,检查第一个参数是否为空。-n 不为空,再用感叹号加个反,表示空。

等价于:

[ -z "$1" ]

-z 检测第一个输入参数是否为空。

$1 $2 代表第一个和第二个输入参数,例如下面的 shell 脚本:
./foo bar baz

则 $1 为 bar,$2 为 baz

An unhandled exception occurred: EPERM: operation not permitted, open 'C:\Users\I042416.angular-config.json

使用脚本进行 SAP Spartacus 安装工作_第5张图片

使用脚本进行 SAP Spartacus 安装工作_第6张图片
在管理员模式下运行还是报同样的错误。

使用脚本进行 SAP Spartacus 安装工作_第7张图片

也就是说,单独执行这个命令都会报错:

npm i -g @angular/[email protected]

结果打脸了,单独执行上面的命令可以。这真是怪事。

使用脚本进行 SAP Spartacus 安装工作_第8张图片

还是老问题,把这个 .angular-config.json 文件的隐藏属性去掉即可:

使用脚本进行 SAP Spartacus 安装工作_第9张图片

解决了这个问题之后,就开始 build 了:

使用脚本进行 SAP Spartacus 安装工作_第10张图片

成功安装:
使用脚本进行 SAP Spartacus 安装工作_第11张图片

The installation will create two folders in the $BASE_DIR directory:

  • apps (generated/executable apps)
  • clone (cloned Spartacus repo)

FESM2015
UMD

开始构建了:

使用脚本进行 SAP Spartacus 安装工作_第12张图片

构建结果:

使用脚本进行 SAP Spartacus 安装工作_第13张图片

执行的是这些 ng build 命令:

使用脚本进行 SAP Spartacus 安装工作_第14张图片

使用脚本进行 SAP Spartacus 安装工作_第15张图片

这里多了一个 Schematics build:
使用脚本进行 SAP Spartacus 安装工作_第16张图片

使用脚本进行 SAP Spartacus 安装工作_第17张图片

使用脚本进行 SAP Spartacus 安装工作_第18张图片

这个绿色的方框正好只比包裹在里面的字符串多两个字符:
使用脚本进行 SAP Spartacus 安装工作_第19张图片

通过 printh 函数实现:

使用脚本进行 SAP Spartacus 安装工作_第20张图片

使用脚本进行 SAP Spartacus 安装工作_第21张图片

publish 到一个私有的 npm 仓库去,然后从这个私有的仓库下载库文件进行 shell app 的安装:

使用脚本进行 SAP Spartacus 安装工作_第22张图片

shell app 的安装,在 create_apps 函数里完成:
使用脚本进行 SAP Spartacus 安装工作_第23张图片

本地存储的定义:

使用脚本进行 SAP Spartacus 安装工作_第24张图片

本地 library:
使用脚本进行 SAP Spartacus 安装工作_第25张图片

可以解压查看这些本地 library 内容:
使用脚本进行 SAP Spartacus 安装工作_第26张图片

完整的源代码:
使用脚本进行 SAP Spartacus 安装工作_第27张图片

使用脚本进行 SAP Spartacus 安装工作_第28张图片

使用脚本进行 SAP Spartacus 安装工作_第29张图片

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(使用脚本进行 SAP Spartacus 安装工作)