Vue.js 如何使用云本地构建包构建服务于Vue SPA的容器

目前，我正在尝试通过云本地构建包构建为VueJS应用程序服务的容器

我已经有了在生产模式下构建VUEJ的Docker文件，然后将结果复制到nginx映像，但我想尝试使用CNB

因此，我刚刚通过

vue create vue tutorial

创建了空的VueJS项目进行测试，并尝试使用CNB进行一些类似于上面描述的操作，但使用的是CNB

有人知道如何使用CNB吗

另外，目前我正试图用

pack build spa --path . \                                              SIGINT(2) ↵  17:22:41
  --buildpack  gcr.io/paketo-buildpacks/nodejs \
  --buildpack  gcr.io/paketo-buildpacks/nginx

但下一个错误（我不确定我的方法是否正确）：

UPD 我当前的dockerfile

# build stage
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
# production stage
FROM nginx:1.19-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

---

我们闲聊了一下，但我也想在这里捕捉一下：

pack build --buildpack heroku/nodejs --buildpack https://cnb-shim.herokuapp.com/v1/heroku-community/static yourimage

---

此命令可以执行您想要的操作。该示例中使用的静态buildpack尚未转换为云本地buildpack，但shim可能允许您构建一个可行的工件。然后使用docker run-it-e PORT=5000-p 5000:5000 yourimagename之类的工具运行您的映像。您可以共享您正在使用的docker文件吗？我对Vue了解不多，但可以从中推断出很多。

pack build --buildpack heroku/nodejs --buildpack https://cnb-shim.herokuapp.com/v1/heroku-community/static yourimage