Tag: create react app

在Docker容器内部使用create-react-app运行开发服务器

我试图在Docker容器中运行create-react-app的开发服务器,并重新编译它,并将更改后的应用程序代码发送到客户端用于开发目的,但是它并没有从Docker容器中获取更改。 (当然,我有应用程序的工作目录作为容器的卷。) 有没有办法做到这一点?

Webpack-dev-server用于前端+ Docker容器,用于后端

我甚至不知道要问什么问题来解决我的问题,但在这里: 我正在使用create-react-app,我相信它使用webpack-dev-server来服务我在localhost:3000上的反应前端。 我有一个docker容器与主机端口3001绑定到端口80内的容器服务我的后端api和我的开发数据库也在该容器上。 当我想从我的浏览器调用ajax调用localhost:3001时,我希望到达后端api,但不起作用。 我知道我错过了一些东西,我对这个问题的理解是有限的。 我想在这里实现的是我的webpack-dev-server服务于我的前端,而docker容器服务于我的api,我希望这两者能够进行通信。 谢谢你的帮助! # docker command when I run my container the volume is the code for my backend so yes my webpack-dev-server runs on host docker run –rm -d -p 3001:80 -p 3306:3306 -v $(pwd)/app/:/var/www/html/ image:version # Start from centos-lamp stack image FROM dockerfiles/centos-lamp # Place the copied DB file […]

在Windows上使用Docker创build反应应用程序li​​vereload

我试图在Windows 10(Linux容器模式)上运行Docker来运行反应开发工作区。 我设法运行React应用程序样板但livereloading不起作用。 这里有一些细节: Dockerfile暴露5000和35729端口 文件通过docker exec和create-react-app .在容器中安装和创buildcreate-react-app . 命令 WS请求状态是101(这是正确的) Dockerfile: FROM node:latest #installing react app first RUN npm install -g create-react-app VOLUME [ "/application" ] #First example was EXPOSE 3000 35729 EXPOSE 3000 EXPOSE 35729 构build命令: docker build . -t react-image docker build . -t react-image 运行命令: docker run -d -p 3000:3000 -p […]

在Docker容器以外的编辑文件(mac)上反应webpack不重build

我已经使用create-react-app在Docker容器中创build了一个反应应用程序。 当我编辑容器内的App.js时,应用程序自动重build,浏览器重新加载。 但是当我在容器外 (在主机上)编辑文件时,它不会被重build。 这是一个webpack /手表的问题 – 但也许也有一些与运行在Mac上的docker? 任何帮助,将不胜感激。 我认为这种事情对于开发人员安装来说是非常正常的(例如,使用docker来创build您的构build环境,但使用实际代码的安装)。 这里是我用的github回购。 https://github.com/roocell/fullstack_react_nodejs_in_docker

create-react-app + docker = QA和PROD Deploy

我为我的项目使用docker作为我的开发环境使用create-react-app。 现在我想知道如何将我的项目部署到AWS(我将部署泊坞窗)的最佳做法。 也许我的问题是一个虚拟的,但我真的坚持下去。 我的docker文件有一个命令的纱线开始…对于开发这是足够的,我不需要build立任何东西,我的包将运行在内存中,但对于QA或PROD我想用npm运行生成构build,但正如我所知它将创build一个新的文件夹,其中包含prod env应该使用的文件。 这就是说,我的问题是:这种情况的最佳做法是什么? 谢谢。