我使用docker for mac version 1.12.0-rc2作为反应项目。我的工作流程如下:
src/
文件夹已安装到容器src/
中的文件时,它会转换为ES5并放入public/
(这样可行)。public/
中更改文件时,另一个观察者会触发热重新加载(在我的本地主机上工作但不在容器中工作)。这是我在步骤3中的步骤观察代码:
// root = "/src"
const watcher = chokidar.watch(root, {
usePolling: true,
awaitWriteFinish: {
pollInterval: 100,
stabilityThreshold: 250
},
ignored: /\.(git|gz|map)|node_modules|jspm_packages|src/,
ignoreInitial: true,
persistent: true
})
.on("change", function fileWatcher(filename) {
const modulePath = filename.replace(`${root}/`, "");
wss.clients.forEach(function sendFileChange(client) {
send("filechange", modulePath, client);
});
if (cache[filename]) {
wss.clients.forEach(function sendCacheFlush(client) {
send("cacheflush", filename, client);
});
delete cache[filename];
}
});
我的docker-compose.yml文件:
version: '2'
services:
wildcat:
build:
context: .
args:
JSPM_GITHUB_AUTH_TOKEN:
image: "nfl/react-wildcat-example:latest"
environment:
NODE_ENV: development
PORT: 3000
STATIC_PORT: 4000
COVERAGE:
LOG_LEVEL:
NODE_TLS_REJECT_UNAUTHORIZED: 0
CHOKIDAR_USEPOLLING: 'true'
volumes:
- ./src:/src/src
- ./api:/src/api
ports:
- "3000:3000"
- "4000:4000"
ulimits:
nproc: 65535
entrypoint: "npm run"
command: "dev"
答案 0 :(得分:1)
在这一天花了一两天后,我找到了问题,这一行:
ignored: /\.(git|gz|map)|node_modules|jspm_packages|src/,
导致chokidar忽略/src
这是我将所有源代码复制到docker容器中的文件夹。我在Dockerfile和docker-compose.yml中将此路径更改为/code
,而且一切都按预期工作。