設定NPM以便使用PWA Studio

漸進式網頁應用程式(PWA) Studio 是雲端基礎結構2.3.x或更新版本上適用於Adobe Commerce的新專案。 為了能夠使用和安裝PWA Studio,您需要將NPM封裝管理程式版本設定為5.x或更新版本,以取得對Node.js 8.x的支援。此作業可在以下位置完成: hooks:build 的區段 .magento.app.yaml 組態檔。

環境與技術

  • 雲端基礎結構上的Adobe Commerce 2.3.X
  • Adobe Commerce的PWA

設定NPM版本:步驟

若要設定所需的NPM版本,請在 .magento.app.yaml 組態檔。 請依照下列步驟執行:

  1. 在本機開發環境中,找出 .magento.app.yaml 組態檔。

  2. 使用純文字編輯器或IDE開啟檔案以進行編輯。

  3. 在中設定所需版本 hooks:build 區段。 在下列範例中,設定設為安裝NPM v9.5.0 (目前可用的最高版本) (2019年2月4日):

    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
    
    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
    
  4. 將變更儲存在檔案中。

  5. Git會將編輯的檔案推送至您的 整合環境.

在您Git將更新的YAML檔案推送至環境後,變更就會生效。

相關檔案

recommendation-more-help
8bd06ef0-b3d5-4137-b74e-d7b00485808a