mix browserSync 使用 homestead 开发时, 配置浏览器自动刷新问题

浏览器自动刷新.
懒到极致的我, 苦苦寻找了 2 天的答案, 希望对你有用.

//精简版
mix.browserSync({
    proxy: 'example-domain.test',
    open: false,
    watchOptions: {
        usePolling: true,
        interval: 500,
    },
});
// 半完整版
mix.browserSync({
    proxy: 'example-domain.test',
    open: false,
    watchOptions: {
        usePolling: true,
        interval: 500,
        ignored: /node_modules/, // 这里可不用
    },
    files: [ // 整个files数组也可以不写
        'app/**/*.php',
        'resources/views/**/*.php',
        'resources/js/app.js',
        'resources/js/components/*.vue',
        'packages/mixdinternet/frontend/src/**/*.php',
        'public/js/**/*.js',
        'public/css/**/*.css'
    ],
    notify: false, // 关闭右上角的 connected 弹窗提示
});

①, 虚拟机项目目录执行 npm run watch ②, 在本地浏览器打开 192.168.10.10:3000 即可.
如果想直接打开 example-domain.test 需要映射 8000 端口到 3000, 这样反而不好了,每次都需要 npm run watch 才能运行项目。
如果主机 cpu 占用高,可在 package.json 的 watch-poll 参数里添加 --watch-poll=5000

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 2

谢谢,但是要先运行

npm install browser-sync browser-sync-webpack-plugin@2.0.1 --save-dev --production=false
3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!