browser-sync的使用

VampJ

于 2019-07-06 14:07:34 发布

阅读量109

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_33468121/article/details/94853779

本文介绍如何利用browser-sync工具配合npm脚本来优化前端项目的开发流程。通过配置package.json中的scripts字段，实现文件修改后的实时刷新，提高开发效率。只需运行npm start或npm run dev即可启动本地服务器并监听指定文件变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm install --save-dev browser-sync

package.json配置：

"scripts": {
    "dev": "browser-sync start --server --files '*.html, css/*.css, js/*.js'",
    "start": "npm run dev"
  }

使用：
npm start
或者
npm run dev