Function init

scripts/dev-watch.mjs:37–69

* initialize @parcel/watcher watch & init browserSync * We are watching the files with extensions (.js, .ts, .html, .css, .scss) but we'll ignore folders like node_modules, dist & .git * Note: the watcher often send duplicate events, however the use of Set of file changes & the use of a setTim

()

   * Note: the watcher often send duplicate events, however the use of Set of file changes & the use of a setTimeout delay gets rid of this problem.
   */
  async function init() {
    subscription = subscribe(process.cwd(), (err, events) => {
      if (err) return onError(err);

      for (const event of events) {
        const absoluteFilePath = relative(process.cwd(), event.path);
        onFileChanged(absoluteFilePath);
      }
    }, {
      ignore: [
        '**/.git/**',
        '**/dist/**',
        '**/cypress/**',
        '**/node_modules/**',
        '!**/*.{ts,js,html,css,scss}' // which file extensions to watch
      ]
    });

    // also watch for any Signal termination to cleanly exit the watch command
    process.once('SIGINT', () => destroy());
    process.once('SIGTERM', () => destroy());
    process.stdin.on('end', () => destroy());
    process.stdin.on('exit', () => process.stdin.destroy());

    // run full prod build `/dist` and full SASS build
    if (!argv.serve) {
      await executeFullBuild();
      buildAllSassFiles(); // start SASS build but no need to await it
    }

    // start browser-sync server
    startBrowserSync();
  }

  /**
   * Initialize and start BrowserSync