温馨提示:本文翻译自stackoverflow.com,查看原文请点击:node.js - How do I run TypeScript `tsc` before `COPY` in Dockerfile.template?
docker dockerfile node.js npm typescript

node.js - 如何在Dockerfile.template中的`COPY`之前运行TypeScript`tsc`?

发布于 2020-06-15 11:27:14

当通过Dockerfile.template文件部署到Docker时,我有一个可行的解决方案来构建TypeScript Node应用程序:

# Thanks: https://github.com/balenalabs/multicontainer-getting-started
FROM balenalib/%%BALENA_MACHINE_NAME%%-node

# Defines our working directory in container
WORKDIR /usr/src/app

# Install packages
RUN install_packages build-essential libraspberrypi-bin

# Copies the package.json first for better cache on later pushes
COPY package.json package.json

# Install npm dependencies on the balena.io build server,
# making sure to clean up the artifacts it creates in order to reduce the image size.
#NOTE: I removed --production option because I need to run tsc after COPY..., so larger image size remains for now.
RUN JOBS=MAX npm i

# This will copy all files in our root to the working directory in the container
COPY . ./

# Build from TypeScript
# TODO: This feels messy. How may I run `npm i --production` followed by `tsc` before copying files in Docker?
# Best answer so far for the next line: https://stackoverflow.com/questions/51083134/how-to-compile-typescript-in-dockerfile
RUN ./node_modules/typescript/bin/tsc -p ./tsconfig.json

# server.js will run when container starts up on the device
# in package.json: "serve": "node dist/server.js"
CMD ["npm", "run", "serve"]

我希望tsc在将文件复制到应用程序目录之前运行另外,运行npm i --production以便我不必在应用程序中具有开发依赖项。但是npm i -g typescript(在COPY之前)没有找到命令后,这似乎不起作用最好的进行方法是什么?

解决方案更新

使用选定的解决方案,以下是更新的脚本,该脚本可用于下一个搜索此脚本的人:

###################################
# First Stage: Compile TypeScript #
###################################

# Thanks: https://stackoverflow.com/questions/60916271/how-do-i-run-typescript-tsc-before-copy-in-dockerfile-template/60917273#60917273
FROM balenalib/%%BALENA_MACHINE_NAME%%-node AS build

# Install needed packages to build raspicam Node dependencies.
RUN install_packages build-essential libraspberrypi-bin

WORKDIR /usr/src/app

# Install the Javascript dependencies, including all devDependencies.
COPY package.json .
RUN npm i

# Copy the rest of the application in and build it.
COPY . ./

# RUN TypeScript build
RUN ./node_modules/typescript/bin/tsc -p ./tsconfig.json

# Clean up node_modules to not include dev dependencies.
RUN rm -rf ./node_modules
RUN JOBS=MAX npm i --production

##################################
# Second Stage: Prepare Dist App #
##################################

FROM balenalib/%%BALENA_MACHINE_NAME%%-node

# Defines our working directory in container
WORKDIR /usr/src/app

# Install packages
RUN install_packages build-essential libraspberrypi-bin

# This will copy all files in our root to the working directory in the container
COPY --from=build /usr/src/app/dist dist
COPY package.json package.json

# server.js will run when container starts up on the device
CMD ["npm", "run", "serve"]

查看更多

提问者
Christopher Stevens
被浏览
13
David Maze 2020-03-30 00:22

您可以为此使用多阶段构建第一阶段包括所有开发依赖项,包括tsc第二阶段仅包括运行内置应用程序所需的文件。

(我不熟悉您使用的特定构建环境,因此这将是标准node映像方面的。)

# First stage: compile things.
FROM node:12 AS build
WORKDIR /usr/src/app

# (Install OS dependencies; include -dev packages if needed.)

# Install the Javascript dependencies, including all devDependencies.
COPY package.json .
RUN npm install

# Copy the rest of the application in and build it.
COPY . .
# RUN npm build
RUN npx tsc -p ./tsconfig.json

# Now /usr/src/app/dist has the built files.

# Second stage: run things.
FROM node:12
WORKDIR /usr/src/app

# (Install OS dependencies; just libraries.)

# Install the Javascript dependencies, only runtime libraries.
COPY package.json .
RUN npm install --production

# Copy the dist tree from the first stage.
COPY --from=build /usr/src/app/dist dist

# Run the built application when the container starts.
EXPOSE 3000
CMD ["npm", "run", "serve"]