webpack使用 browser-sync 之后整页刷新而不是局部刷新?

0 0 vue.js laravel webpack
aゞ特仑苏
aゞ特仑苏

声望值:97 0人

2018-04-11 15:16:09 提问

关注 0关注

收藏 0收藏, 382浏览

我根据网上搜到的配置方式,在项目中配置了browser-sync,虽然一切都运行正常,但是发现并没有热加载局部的改变,而是整一页一起刷新了,感觉体验很不好

搜了几个方法说在入口文件加上if (module.hot) { module.hot.accept(); } 但是我试了下在main.js中加这句话并没有用。。不知道是不是加错地方了

附一下配置的代码:

let BrowserSyncPlugin = require('browser-sync-webpack-plugin');
new BrowserSyncPlugin(
    Object.assign({
        host: 'localhost',
        port: 3000,
        proxy: 'app.dev',
        files: [
            'app/**/*.php',
            'resources/views/**/*.php',
            'public/js/**/*.js',
            'public/css/**/*.css'
        ],
        snippetOptions: {
           rule: {
               match: /(<\/body>|<\/pre>)/i,
               fn: function (snippet, match) {
                   return snippet + match;
               }
           }
        }
    }, Config.browserSync),
    { reload: false }
)

项目用的是laravel + vue,所以这个配置文件是laravel-mix自带的配置文件,我截取了相关的配置代码贴上来的

请先 登录 后评论

1个回答

  • ︷.゛打酱油103声望 2018-04-10 17:21

    都是整体刷新,

    你可以试试 webpack-dev-server 也是整体刷新,但是感觉比 browser-sync 好

    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问