設定NPM以便使用PWA Studio

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

漸進式Web Apps (PWA) Studio是雲端基礎結構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 Commerce的PWA

設定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版本：步驟

相關檔案