小李世界的投稿 | Laravel China 社区

错误修正和文字优化

Old	New	Differences
1	1	[BrowserSync](https://browsersync.io/) 可以自动监控你的文件变化，并将更改注入浏览器，而无需手动刷新。你可以通过调用 `mix.browserSync()` 方法来启用这个功能的支持：
2	2
3	3	## 配置
4		打开 `~~tailwind.config~~.js`，添加以下：
	4	打开 `webpack.mix.js`，添加以下：
5	5	```
6	6	mix.browserSync('my-domain.dev');
7	7
…	…
20	20
21	21	当你运行 `npm run watch`，会提示 `npm install browser-sync browser-sync-webpack-plugin@2.0.1 --save-dev --production=false`，接着，系统自动帮您安装好，您只要重新运行 `npm run watch` 即可。
22	22
23		运行的结果例子：
24		```
	23	运行结果的例子：
	24
	25	<pre>
25	26	DONE Compiled successfully in 6443ms 2:00:58 PM
26	27	Asset Size Chunks Chunk Names
27	28	/css/app.css 582 KiB /js/app [emitted] /js/app
…	…
36	37	UI External: http://localhost:3001
37	38	------------------------------------
38	39	[Browsersync] Watching files...
39		~~```~~
	40	</pre>
40	41
41	42	它也会自动在浏览器中打开 `http://localhost:3000`
42	43

Old

New

Differences

[BrowserSync](https://browsersync.io/) 可以自动监控你的文件变化，并将更改注入浏览器，而无需手动刷新。你可以通过调用 `mix.browserSync()` 方法来启用这个功能的支持：

## 配置

打开 `~~tailwind.config~~.js`，添加以下：

打开 `webpack.mix.js`，添加以下：

```

mix.browserSync('my-domain.dev');

…

当你运行 `npm run watch`，会提示 `npm install browser-sync browser-sync-webpack-plugin@2.0.1 --save-dev --production=false`，接着，系统自动帮您安装好，您只要重新运行 `npm run watch` 即可。

运行的结果例子：

```

运行结果的例子：

<pre>

DONE Compiled successfully in 6443ms 2:00:58 PM

Asset Size Chunks Chunk Names

/css/app.css 582 KiB /js/app [emitted] /js/app

…

UI External: http://localhost:3001

------------------------------------

[Browsersync] Watching files...

~~```~~

</pre>

它也会自动在浏览器中打开 `http://localhost:3000`

修改理由：

内容修改：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息