dev.watchFiles

  • 类型:
type WatchFiles = {
  paths: string | string[];
  //  chokidar 选项
  options?: WatchOptions;
};
  • 默认值: undefined

监视指定文件和目录的变化。当文件发生变化时,页面将重新加载。

如果 dev.hmrdev.liveReload 都设置为 false,则 watchFiles 将被忽略。

示例

你可以配置一个 glob 模式 / 目录 / 文件的列表,用于监视文件变化。

export default {
  dev: {
    watchFiles: {
      // 监视单个文件
      paths: 'public/demo.txt',
      // 使用 glob 模式
      paths: 'src/**/*.txt',
      // 监视多个文件路径
      paths: ['src/**/*.txt', 'public/**/*'],
    },
  },
};

你也可以通过传入一个包含 pathsoptions 属性的对象,来指定 chokidar 选项。

export default {
  dev: {
    watchFiles: {
      paths: 'src/**/*.txt',
      options: {
        usePolling: false,
      },
    },
  },
};
目录