vue.js - VuePress/Vue：使用 GitLab CI 构建期间未使用的插件

Question

我正在寻找使用 Gitlab CI 管道部署 VuePress 站点。我通过 Vue.use() 方法使用了一些插件。

当我在我的机器上手动构建并部署到 firebase 时，它​​工作正常。当管道被触发时，它会毫无问题地通过，但是，在构建的文件中没有插件的痕迹。在 Buefy 的情况下，构建文件中不会生成 Buefy 组件。

这是我的 EnhanceApp.js 文件：

import Buefy from 'buefy'
import 'buefy/dist/buefy.css'

export default ({
    Vue,
    options,
    router,
    siteData
}) => {
    Vue.use(Buefy)
}

这是我的 .gitlab-cy.yaml

image: node:10

deploy_production:
  stage: deploy
  environment: Production
  only:
    - master
  script:
    - npm install -g firebase-tools
    - npm i
    - npm run build
    - firebase deploy -m "Pipeline $CI_PIPELINE_ID, build $CI_BUILD_ID" --non-interactive --token $FIREBASE_TOKEN

我尝试了 Firebase 和 AppEngine 都无济于事，以及多个 docker 图像。

标签： vue.jsgitlab-civuepress

Answer 1

我不熟悉 GitLab 或 firebase，但我建议您可以尝试使用 Yarn 而不是 npm。因为目前 npm 会导致 Vuepress 出现一些问题（例如使 plugin-google-analytics 不可用）。