创建 docker 使用 yarn link 的项目图像

Create docker image of project that uses yarn link

在我的 NextJS 项目中,我使用 yarn 作为包管理器,并决定使用 yarn link 进行导入 aliases/absolute 导入。这是 yarn 的一个很好的特性,如果你使用 yarn,推荐使用别名的方法。然而,在我实施之后,我的 docker 图像创建脚本崩溃了。图像创建在第 6 步失败,这是实际构建。如果我 运行 yarn devyarn build,一切都很好用,但 docker 似乎不明白我在使用别名。这是我 运行 输出的脚本:

脚本:docker build --pull --rm -f dockerfile -t my-ui . && docker run -d --name my-ui -p 80:80 my-ui

产出:

 => CACHED [builder 1/6] FROM docker.io/library/node:10-alpine@sha256:dc98dac24efd4254f75976c40bce46944697a110d06ce7fa47e726847  0.0s 
 => [internal] load build context                                                                                                4.7s 
 => => transferring context: 2.46MB                                                                                              4.6s 
 => [builder 2/6] COPY package.json yarn.lock ./                                                                                 0.1s 
 => [builder 3/6] RUN yarn install --ignore-engines && mkdir /my-ui && mv ./node_modules ./my-ui               364.1s 
 => [builder 4/6] WORKDIR /my-ui                                                                                         0.0s 
 => [builder 5/6] COPY . .                                                                                                      15.2s 
 => ERROR [builder 6/6] RUN yarn run build

我得到的错误如下:Type error: Cannot find module 'style/icons/More' or its corresponding type declarations.

这发生在项目的第一个组件中。我搜索了一下,在 yarn-link 和 docker 上什么也没有找到。如何让docker理解style/*是一个别名并能够找到对应的模块?

我会避免在这种情况下使用 yarn link,因为它应该仅用于开发,您可以使用 webpack 别名。 https://teselagen.com/blog/a-better-alternative-to-npm-yarn-link-for-front-end