Tag: 浏览器同步

Browsersync无法打开浏览器，使用Docker和Webpack

问题 当我运行npm run start服务和通过webpack观看，我得到了下面的警告，脚本完成执行后。 我将浏览器启动并运行，它完美地加载了页面，并显示通知它已连接到Browsersync。 但是，当我做任何改变任何文件（HTML，CSS或JS）。 它不会重新加载！？ 是因为我在Docker虚拟环境中，还是因为我没有正确地指示Browsersync去寻找我的代码的正确path，或者是与BrowserSyncPlugin中的代理设置有关的东西，或者其他的东西。 我不知道是什么原因造成的，我应该不断尝试修复它还是已知的问题！ 谢谢， [Browsersync]无法打开浏览器（如果您在无头环境中使用BrowserSync，则可能需要将打开选项设置为false） 警告图像 简化的WebPackconfiguration文件（用于开发） const path = require('path') const webpack = require('webpack') const recursive = require('recursive-readdir-sync') const HtmlWebpackPlugin = require('html-webpack-plugin') const Dotenv = require('dotenv-webpack') const BrowserSyncPlugin = require('browser-sync-webpack-plugin') const srcDir = path.resolve(__dirname, '..', 'src') const distDir = path.resolve(__dirname, '..', 'dist') const {NODE_ENV = 'development'} = process.env […]

使用Docker和gulp进行Jhipster应用程序开发

我正在Jhipster应用程序上工作，并使用docker运行此应用程序。 这工作，但非常繁琐。 我希望能够改变UI（文本，CSS，HTML等），并从gulp和browsersync中受益，例如，对HTML文件进行更改，保存文件，并让浏览器自动刷新并显示改变。 但是，我可以在浏览器中看到更改的唯一方法是： 1停止docker集装箱 2停止吞咽 3重builddocker图像 4运行docker集装箱 5再次在浏览器中查看 如你所见，这不是最佳的。 那么我怎样才能简化这一点，以便我可以快速地将更改部署到正在运行的Docker容器中，或者使用gulp来刷新浏览器和更改前面的文件？

Docker容器中的Browsersync

我有一个WordPress的/ MySQLdocker容器，我用它来开发主题和插件。 我在localhost：8000上访问这个。 它使用Gulp构build过程，我正在尝试将浏览器同步添加到组合中。 我很难让浏览器同步代理出容器。 从Gulp输出我可以看到它产生的变化，只是没有做任何改变的浏览器。 下面是我的docker-compose.yml，gulpfile，dockerfile和shell脚本。 version: '2' services: wordpress_db: image: mariadb restart: 'always' ports: – 3360:3306 volumes: – ./db_data:/docker-entrypoint-initdb.d environment: MYSQL_ROOT_PASSWORD: wordpress MYSQL_DATABASE: wordpress wordpress: depends_on: – wordpress_db image: wordpress restart: 'always' environment: WORDPRESS_DB_NAME: wordpress WORDPRESS_DB_USER: root WORDPRESS_DB_PASSWORD: wordpress ports: – 8000:3000 volumes: – ./uploads:/var/www/html/wp-content/uploads – ./plugins:/var/www/html/wp-content/plugins – ./theme:/var/www/html/wp-content/themes/theme links: – wordpress_db:mysql composer: […]