配置NPM以便能够使用PWA Studio

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

渐进式Web应用程序(PWA) Studio是一个新项目，可在Cloud Infrastructure 2.3.x或更高版本上用于Adobe Commerce。为了能够使用和安装PWA Studio，您需要将NPM包管理器版本设置为5.x或更高版本，以获取对Node.js 8.x的支持。此操作在.magento.app.yaml配置文件的hooks:build部分中完成。

环境和技术

云基础架构上的Adobe Commerce 2.3.X
Adobe CommercePWA

设置NPM版本：步骤

要设置所需的NPM版本，请在.magento.app.yaml配置文件中指定该版本。请按照以下步骤操作：

在本地开发环境中，找到.magento.app.yaml配置文件。
使用纯文本编辑器或IDE打开文件进行编辑。

在hooks:build部分中设置所需版本。在以下示例中，配置设置为安装NPM v9.5.0，这是当前可用的最高版本（2019年2月4日）：

code language-yaml

code language-yaml
`hooks: build: \| unset NPM_CONFIG_PREFIX curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh \| bash export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" nvm install 9.5.0`

hooks:
    build: |
        unset NPM_CONFIG_PREFIX
        curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
        export NVM_DIR="$HOME/.nvm"
        [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
        nvm install 9.5.0

note note

NOTE

如果您想在应用程序中运行Node.JS，而不想仅在内部版本中运行，请添加以下命令以更改内部版本挂接：

code language-none



echo ‘unset NPM_CONFIG_PREFIX’ >> .environment

echo ‘export NO_UPDATE_NOTIFIER=1’ >> .environment

echo ‘export NVM_DIR=“$MAGENTO_CLOUD_DIR/.nvm”’ >> .environment

echo ‘[ -s “$NVM_DIR/nvm.sh” ] && . “$NVM_DIR/nvm.sh”’ >> .environment

在文件中保存更改。
Git将编辑的文件推送到集成环境。

在Git将更新的YAML文件推送到环境后，更改将生效。

配置NPM以便能够使用PWA Studio

环境和技术

设置NPM版本：步骤

相关文档