在 Gitlab CI/CD 上構建的 Vue.js 不會在 `/dist` 目錄中產生任何工件

Question

我正在嘗試向我在 Gitlab.com 上運行的 CI/CD 管道添加一個build階段。 構建看似“完成”沒有錯誤，但/dist目錄在構建后仍然是空的。

這是我的gitlab-ci.yml文件中的相關配置：

但是在運行日志中看到的結果是一個空的/dist目錄：

運行程序報告說它found one matching files ，但我假設它將空的/dist目錄計為它找到的文件，因為目錄本身是空的，這會導致我的deploy階段在嘗試上傳丟失的文件時失敗文物。

有誰知道這里發生了什么？

構建似乎成功了，但/dist目錄中沒有結果文件。 考慮到這一點，他們要去哪里？

我嘗試了許多不同的路徑表示，甚至嘗試使用process.env.CI_PROJECT_DIR var 作為我的 webpack.config 文件中的值，但我無法將工件放置在/dist目錄中。

當我使用 Gitlab.com 控制台下載 artifacts .zip 文件時，我最終得到了一個空文件夾。

提前感謝任何人都可以對此有所了解。

Answer 1

artifacts創建可能沒有任何問題，但作業的npm run build部分可能有問題。 當npm run build失敗時，我通常會遇到這個問題（例如，CI env 沒有在node_modules 中安裝正確的包），所以什么都沒有放在dist文件夾下。 問題在於，當npm run build失敗時，Gitlab CI不會中止作業，並且它仍然會繼續創建artifacts ，正如您所報告的那樣，它將壓縮一個空的dist文件夾。

檢查作業的npm run build部分是否實際成功。

Answer 2

我對在 gitlab ci 上運行的 npm 了解不多，但它可能正是您所需要的。 Gitlab CI：在存儲庫中創建 dist 文件夾？