Docker包含子目录和实时重载

时间:2017-03-14 21:17:01

标签: reactjs docker docker-compose

我使用create-react-app创建了一个应用,并设置了docker compose来设置容器并启动应用。当应用程序位于根目录中时,应用程序启动并且实时重新加载。但是当我将应用程序移动到子目录时,我可以启动应用程序,但实时重新加载不起作用。

这是工作设置:

Dockerfile

FROM node:7.7.2

ADD . /code

WORKDIR /code

RUN npm install

EXPOSE 3000

CMD npm start

搬运工-compose.yml

version: "2"

services:
  client:
    build: .
    ports:
      - "3000:3000"
    volumes:
      - .:/code

目录结构

app
- node_modules
- docker-compose
- Dockerfile
- package.json
- src
- public

这是我想要的结构:

app
- server
- client
  / node_modules
  / Dockerfile
  / package.json
  / src
  / public
- docker-compose.yml

我已经尝试了我能想到的每一个变体,但实时重新加载不起作用。

我要做的第一件事是更改构建位置:

version: "2"

services:
  client:
    build: ./client
    ports:
      - "3000:3000"
    volumes:
      - .:/code

然后我在尝试运行docker-compose up时遇到错误:

npm ERR! enoent ENOENT: no such file or directory, open '/code/package.json'

所以我将卷更改为- .:/client/code并重新运行并运行命令并启动应用程序,但没有重新加载。

当app在子目录中时,无论如何要这样做?

1 个答案:

答案 0 :(得分:4)

移动本地目录时,容器内的路径没有区别。所以你只需要更改本地引用。

卷装载应来自./client

version: "2"

services:
  client:
    build: ./client
    ports:
      - "3000:3000"
    volumes:
      - ./client:/code