Skip to content

Browser-sync โ€‹

่Š‚็œๆ—ถ้—ด็š„ๅŒๆญฅๆต่งˆๅ™จๆต‹่ฏ•ใ€‚

https://browsersync.io/

ไธป่ฆๅŠŸ่ƒฝ โ€‹

  • ๅคš่ฎพๅค‡ๆต่งˆๅ™จๅŒๆญฅ๏ผš็‚นๅ‡ปใ€ๆปšๅŠจใ€่กจๅ•่พ“ๅ…ฅๅŒๆญฅ
  • ่‡ชๅŠจๅˆทๆ–ฐ๏ผˆLiveReload๏ผ‰ๆœฌๅœฐ็ฝ‘้กต
  • ๅ†…็ฝฎๆœๅŠกๅ™จๆˆ–ไปฃ็†ๆœๅŠกๅ™จ
  • ๆ”ฏๆŒ Sass/Less ็ผ–่ฏ‘ๅ’Œ้™ๆ€่ต„ๆบ็›‘ๆŽง
  • CLI / Gulp / Webpack / Node.js API ๅคš็งๆŽฅๅ…ฅๆ–นๅผ

install โ€‹

sh
npm install -g browser-sync

# or
npm install browser-sync --save-dev

usage โ€‹

  • command line
sh
browser-sync help

browser-sync
  • ่„šๆœฌไฝฟ็”จ
js
const browserSync = require("browser-sync").create();

// ๅˆๅง‹ๅŒ– BrowserSync ๆœๅŠกๅ™จ
browserSync.init({
  server: {
    baseDir: "./", // ๆŒ‡ๅฎšๆœๅŠกๅ™จ็š„ๆ น็›ฎๅฝ•
  },
});

Released under the MIT License.