webpack同时设置include和exclude

Webpack是一个前端模块打包工具，它允许你在配置文件中指定哪些文件应该被包含（include）以及哪些应该被排除（exclude）。当你需要控制打包过程中的文件范围时，`include` 和 `exclude` 配置非常有用。

`include` 用于告诉Webpack你要处理哪些源文件，例如：

module.exports = {
  //...
  module: {
    rules: [
      {
        test: /\.js$/, // 匹配.js文件
        include: [
          path.resolve('src'), // 只包括src目录下的.js文件
          'node_modules/babel-preset-react-native' // 或者特定的外部库
        ]
      }
    ]
  }
};

`exclude` 则用于指定要忽略的文件或路径，比如忽略测试文件或者某些不需要打包的第三方库：

module.exports = {
  //...
  externals: {
    react: 'React', // 将react作为一个全局变量，排除react相关的文件
  },
  exclude: /node_modules\/(?!my-package)/, // 排除所有不在'my-package'包内的node_modules
};

通过结合使用`include`和`exclude`，你可以精细地控制Webpack在构建时处理的文件范围，确保只打包你需要的部分。