Vue CLI 3.0 - azure deploy

Question

我想在vue中部署我的应用程序，它使用CLI 3.0。

我的package.json：

  "scripts": {
    "serve": "vue-cli-service serve",
    "postinstall": "npm run build",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e"
  }

我在devDependencies中添加了"@vue/cli": "^3.0.0-rc.3"，但没有看到任何更改。

Azure部署结果：

> npm run vue-cli-service build
npm ERR! missing script: vue-cli-service

你有什么想法吗？

Answer 1

我还没有使用过azure，但只尝试使用

npm run build

而不是

npm run vue-cli-service build

Answer 2

我假设你有一个构建管道，它与你给出的信息斗争。

我认为你遗漏的是一个简单的

npm install

安装完成后，您就可以运行

npm run build

如果没有之前的npm install，npm将无法找到构建应用程序的vue-cli-service。我用这种方式构建了自己的vue-cli3.0应用程序，从azure DevOps构建管道部署到Azure。

或者，另一种可能是您缺少另一个依赖项。将"@vue/cli-service": "^3.0.1"添加到您的devDependencies。正如Daniel Gonzalez在评论中指出的那样，不需要postinstall脚本。

Answer 3

我已经成功地在Azure中使用Vue CLI 3构建了Vue。

在这里分享我的构建文件

Azure管道YAML脚本

resources:
- repo: self

trigger: ['staging']

pool:
  vmImage: 'Ubuntu 16.04'

steps:
- task: NodeTool@0
  displayName: 'Use Node 10.x'
  inputs:
    versionSpec: 10.x

- script: |
    npm install
    npm run build-staging
  displayName: 'npm install and build'
  env:
    NODE_ENV: staging

- task: ArchiveFiles@2
  displayName: Archive
  inputs:
    rootFolderOrFile: '$(build.sourcesDirectory)/dist'
    includeRootFolder: false
    archiveFile: '$(Build.ArtifactStagingDirectory)/$(Build.SourceVersion)_$(Build.BuildId).zip'


- task: PublishBuildArtifacts@1
  displayName: 'Publish Artifact: build'
  inputs:
    ArtifactName: build

package.json

...
 "scripts": {
    "serve": "vue-cli-service serve --port 9001",
    "build": "vue-cli-service build",
    "build-staging": "NODE_ENV=production vue-cli-service build --mode staging",
    "build-production": "NODE_ENV=production vue-cli-service build --mode production",
    "lint": "vue-cli-service lint"
  },
...