【发布时间】:2021-01-16 10:09:55
【问题描述】:
我查看了各种解决方案均无济于事。
在 WSL 2 上测试 webpack-dev-server 工作正常;当我更新 src/main.js 文件时,浏览器会更新,但是当在 WSL 2 中再次运行的 docker 容器内时,浏览器不会在保存更改时自动更新,但是当我手动刷新浏览器时内容会更新?
Docker 容器运行方式
sudo docker run -ti --name justatest -p 3009:8080 -v /home/dev/webpacktest:/home/test node:12 /bin/bash
webpack.dev.config
const path = require("path");
module.exports = {
mode: "development",
entry: {
main: ["./src/main.js"],
},
output: {
filename: "[name].bundle.js",
path: path.resolve(__dirname, "./dist"),
},
devServer: {
contentBase: "./dist",
host: "0.0.0.0",
port: "8080",
},
};
package.json
{
"name": "webpacktest",
"version": "1.0.0",
"scripts": {
"dev": "webpack-dev-server --config webpack.dev.js --hot --port 8080 --host 0.0.0.0"
},
"license": "MIT",
"devDependencies": {
"webpack": "^4.44.2",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"
}
}
此外,当我在 WSL 2 内的 docker 容器内运行 create-react-app 时,浏览器会在更改时刷新。 create-react-app 是怎么做的
【问题讨论】:
标签: docker webpack visual-studio-code webpack-dev-server wsl-2