如何解决BrowserSync 未在 Docker 中的 localhost:3000 上运行
我正在使用 Roots Sage template 和 Docker compose。 Browsersync 和 webpack 被用于编译 style/js 文件,它似乎在监视更改和编译。
但是,本地主机不更新样式和 localhost:3000 - Browsersync 代理到的,不加载,谁能给我任何指示?
Config.json 文件
{
"entry": {
"main": ["./scripts/main.js","./styles/main.scss"],"customizer": ["./scripts/customizer.js"]
},"publicPath": "/app/themes/theme","devUrl": "http://localhost","proxyUrl": "http://localhost:3000","cacheBusting": "[name]_[hash:8]","watch": ["app/**/*.php","config/**/*.php","resources/views/**/*.php"]
}
浏览器同步/webpack
module.exports = {
devServer: {
watchOptions: {
poll: true,},output: {
pathinfo: true,publicPath: config.proxyUrl + config.publicPath,watchOptions: {
aggregateTimeout: 200,poll: 1000,devtool: '#cheap-module-source-map',stats: false,plugins: [
new webpack.optimize.OccurrenceOrderPlugin(),new webpack.HotModuleReplacementPlugin(),new webpack.NoEmitOnErrorsPlugin(),new BrowserSyncPlugin({
target,open: config.open,proxyUrl: config.proxyUrl,watch: config.watch,delay: 500,}),],};
Docker-compose YAML
version: "3.7"
services:
app:
image: docker.pkg.github.com/privaterepo/base-images/wordpress:latest
restart: unless-stopped
environment:
XDEBUG_CONFIG: remote_host=host.docker.internal remote_port=9000 remote_enable=1
PHP_IDE_CONFIG: "serverName=Docker"
volumes:
- ./:/app
- ./extra/php.ini:/usr/local/etc/php/conf.d/app.ini
- ./.logs:/container/logs
links:
- db
web:
image: nginx:alpine
restart: unless-stopped
ports:
- 80:80
- 443:443
volumes:
- ./:/app
- ./extra/nginx:/etc/nginx/conf.d
- ./.logs:/container/logs
links:
- app
db:
image: mariadb:10.4
restart: unless-stopped
ports:
- 3306:3306
environment:
MYSQL_USER: user
MYSQL_PASSWORD: pass
MYSQL_DATABASE: database
MYSQL_ROOT_PASSWORD: password
volumes:
- db:/var/lib/mysql
build:
image: node:lts
restart: unless-stopped
depends_on:
- web
ports:
- 3000:3000
- 3001:3001
volumes:
- ./:/app
# entrypoint: npm --prefix=/app run watch
volumes:
db:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。