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

Question

目前，我正试图通过构建为VueJS应用程序服务的容器。

我已经有工作的Docker文件，它在生产模式下构建VueJS，然后将结果复制到nginx映像中，但是我想尝试使用CNB。

因此，我刚刚创建了一个空的VueJS项目，通过vue create vue-tutorial进行测试，并尝试使用CNB，就像在这里描述的那样，https://cli.vuejs.org/guide/deployment.html#heroku，但使用CNB。

有人知道如何使用CNB的工作配方吗？

P.S.目前我正试图用

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

但是下一个错误(我不确定我是否在正确的道路上)：

===> DETECTING
ERROR: No buildpack groups passed detection.
ERROR: Please check that you are running against the correct path.
ERROR: failed to detect: no buildpacks participating
ERROR: failed to build: executing lifecycle: failed with status code: 100

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;"]

Answer 1

我们在斯拉克聊过这件事，但我也想在这里捕捉它：

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的东西运行您的映像