Webpackでビルドした後にBrowserSyncでリロードさせたい

WebpackでBrowserSyncを使ってるのですが、ビルドが完了する前にリロードされてしまいます。
ビルドが完了した後にリロードさせるにはどうすればよろしいのでしょうか。

javascript
1var webpack = require('webpack'),
2    path = require('path'),
3    BrowserSyncPlugin = require('browser-sync-webpack-plugin');
4
5module.exports = {
6  entry: {
7    entry: './assets/js/entry.js'
8  },
9  output: {
10    path: path.resolve('./build/'),
11    filename: 'build.js'
12  },
13  module: {
14    loaders: [
15      {
16        test: /\.jsx$/,
17        loader: 'babel',
18        query: {
19          presets: ['es2015', 'react']
20        }
21      }
22    ]
23  },
24  plugins: [
25    new BrowserSyncPlugin({
26      host: 'localhost',
27      port: 3000,
28      proxy: 'http://localhost:8888/',
29      files: ["./*.html", "./assets"]
30    },{
31      reload: false
32    })
33  ]
34}
35

行動規範の内容に同意します

回答1件

ベストアンサー

自分はBrowser-syncはwebpackとは別で単体で起動して、npm-scriptsで並列で起動してうまくいっています。

javascript
1// bs-config.js
2module.exports = {
3    "ui": {
4        "port": 3001,
5        "weinre": {
6            "port": 8080
7        }
8    },
9    "files": './build/**/*',
10    "watchOptions": {},
11    "server": "build",
12// 略

javascript
1// package.json
2"scripts": {
3    "start": "npm run start-serve & gulp watch & npm run webpack:watch",
4    "start-serve": "browser-sync start --config bs-config.js",
5    "webpack:watch": "webpack --config webpack.config.dev.js --watch"
6},
7// 略