我需要一些帮助来配置 Docker,以使 Django 在开发模式下与 webpack dev server 协同工作。我希望 Django 的 Docker 容器可以访问 webpack 生成的捆绑包。
我很难理解如何在 docker-compose 中使用卷共享文件的容器。
到目前为止,我只能运行一个可工作的 Django Docker 应用程序,然后在本地运行 npm install && node server.js。
Dockerfile:
这是添加到docker-compose.yml的片段。
我很难理解如何在 docker-compose 中使用卷共享文件的容器。
到目前为止,我只能运行一个可工作的 Django Docker 应用程序,然后在本地运行 npm install && node server.js。
Dockerfile:
# use base python image with python 2.7
FROM python:2.7
ENV PYTHONUNBUFFERED 1
# set working directory to /code/
RUN mkdir /code
WORKDIR /code
# add requirements.txt to the image
ADD requirements.txt /code/
# install python dependencies
RUN pip install -r requirements.txt
ADD . /code/
# Port to expose
EXPOSE 8000
docker-compose.yml
version: '2'
services:
db:
image: postgres
redis:
image: redis
rabbitmq:
image: rabbitmq:3-management
ports:
- "5672:5672" # we forward this port because it's useful for debugging
- "15672:15672" # here, we can access rabbitmq management plugin
worker:
build: .
command: celery worker -A example -l info
volumes:
- .:/code
links:
- db
- rabbitmq
- redis
web:
build:
context: .
dockerfile: Dockerfile
command: python manage.py runserver 0.0.0.0:8000
volumes:
- .:/code
- ./assets/bundles:/webpack (here I'm trying in some way to address webpack files to assets/bundles)
ports:
- "8000:8000"
links:
- db
- rabbitmq
- redis
这是我使用webpack的尝试
Dockerfile.webpack
FROM node:latest
WORKDIR /webpack
COPY package.json /webpack/
COPY server.js /webpack/
RUN npm config set registry http://registry.npmjs.org/ && npm install
ADD . /webpack/
# Port to expose
EXPOSE 3000
这是添加到docker-compose.yml的片段。
webpack:
build:
context: .
dockerfile: Dockerfile.webpack
command: node server.js
volumes:
- .:/webpack
ports:
- "3000:3000"
server.js
var webpack = require('webpack')
var WebpackDevServer = require('webpack-dev-server')
var config = require('./webpack.config')
new WebpackDevServer(webpack(config), {
publicPath: config.output.publicPath,
hot: true,
inline: true,
historyApiFallback: true
}).listen(3000, '0.0.0.0', function (err, result) {
if (err) {
console.log(err)
}
console.log('Listening at 0.0.0.0:3000')
})