如何定义webpack dev-server (hot)应该关注的文件夹？

webpack dev-server (hot)是一个用于开发环境的轻量级服务器，它能够提供实时的编译和热模块替换(Hot Module Replacement)功能，使开发者能够在修改代码后立即看到更新的效果，而无需手动刷新页面。

在配置webpack dev-server时，我们可以通过contentBase选项来指定应该关注的文件夹。这个选项接受一个字符串或字符串数组作为参数，表示需要被服务器监视的文件夹路径。

通常情况下，我们会将contentBase设置为项目的根目录，以便dev-server能够监视整个项目文件夹。这样，当我们修改项目中的任何文件时，dev-server都会自动重新编译并刷新浏览器，以展示最新的变化。

以下是一个示例webpack配置文件中关于dev-server的部分：

module.exports = {
  // 其他配置项...
  devServer: {
    contentBase: './dist', // 设置关注的文件夹为dist目录
    hot: true // 启用热模块替换功能
  }
};

在上述示例中，contentBase被设置为'./dist'，意味着dev-server会关注项目根目录下的dist文件夹。如果我们修改了dist文件夹中的任何文件，dev-server将会重新编译并刷新浏览器。

需要注意的是，contentBase选项也可以接受绝对路径，以便更灵活地指定关注的文件夹。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活选择配置，支持多种操作系统，适用于各类应用场景。了解更多信息，请访问腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可用于存储和处理各种类型的文件和数据。了解更多信息，请访问腾讯云对象存储。