拥抱现代化前端工作流

onchange

onchange 可以和 gulp、grunt 的 watch 一样强大。

npm i onchange -D

"scripts": {
    "watch": "onchange \"**/*.html\" \"**/*.css\"  \"**/*.js\" -- npm test"
}

npm i browser-sync-D

"scripts": {
    "test": "browser-sync start --server --files \"**/*.html, **/*.css, **/*.js\""
}

src
├── images
│   └── schedule.png
├── index.html
├── scripts
│   └── main.js
└── styles
    └── main.css

功能要求