如何让 Metro（React Native 打包器）忽略某些目录

Problem:

我的项目有一个@providesModule naming collision当试图跑步时react-native run-ios从命令行。它与自动生成的目录冲突dist/它是由另一个 npm 包 esdoc 创建的。我希望能够保留这个自动生成的目录，并使反应本机打包程序忽略dist/ dir.

错误信息：

[01/23/2017, 13:17:07] <START> Building Haste Map
    Failed to build DependencyGraph: @providesModule naming collision:
      Duplicate module name: ann
      Paths: /Users/thurt/projects/example/package.json collides with /Users/thurt/projects/example/dist/esdoc/package.json

This error is caused by a @providesModule declaration with the same name across two different files.
Error: @providesModule naming collision:
  Duplicate module name: ann
  Paths: /Users/thurt/projects/example/package.json collides with /Users/thurt/projects/example/dist/esdoc/package.json

This error is caused by a @providesModule declaration with the same name across two different files.
    at HasteMap._updateHasteMap (/Users/thurt/projects/example/node_modules/react-native/packager/react-packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
    at p.getName.then.name (/Users/thurt/projects/example/node_modules/react-native/packager/react-packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

此配置有在 RN 版本之间变化的习惯。请参阅下文，了解有关创建配置文件、加载配置文件和清除缓存的特定于版本的说明。

对于 React Native >= 0.64 到 0.71(+?)

辅助函数的重命名from blacklist to exclusionList是在 Metro 0.60 中制作的 https://github.com/facebook/metro/commit/3e2d9116d8a7f2580dcda51990cca5b3d98a81ff，以及配置条目blacklistRE -> blockList地铁 0.61 https://github.com/facebook/metro/commit/94c0b541b4bfa17aee4efa0f1969565522ce830d。这两个landed https://github.com/facebook/react-native/blob/0.64-stable/package.json在 0.64.0 中的 RN 中。

在您的项目根目录中创建metro.config.js内容：

const exclusionList = require('metro-config/src/defaults/exclusionList');

// exclusionList is a function that takes an array of regexes and combines
// them with the default exclusions to return a single regex.

module.exports = {
  resolver: {
    blockList: exclusionList([/dist\/.*/])
  }
};

对于 React Native >= 0.59，

在您的项目根目录中创建metro.config.js内容：

const blacklist = require('metro-config/src/defaults/blacklist');

// blacklist is a function that takes an array of regexes and combines
// them with the default blacklist to return a single regex.

module.exports = {
  resolver: {
    blacklistRE: blacklist([/dist\/.*/])
  }
};

对于 React Native >= 0.57，

在您的项目根目录中创建rn-cli.config.js内容：

const blacklist = require('metro-config/src/defaults/blacklist');

// blacklist is a function that takes an array of regexes and combines
// them with the default blacklist to return a single regex.

module.exports = {
  resolver: {
    blacklistRE: blacklist([/dist\/.*/])
  }
};

对于 React Native >= 0.52，

在您的项目根目录中创建rn-cli.config.js内容：

const blacklist = require('metro').createBlacklist;

module.exports = {
  getBlacklistRE: function() {
    return blacklist([/dist\/.*/]);
  }
};

对于 React Native >= 0.46，.

在您的项目根目录中创建rn-cli.config.js内容：

const blacklist = require('metro-bundler').createBlacklist;

module.exports = {
  getBlacklistRE: function() {
    return blacklist([/dist\/.*/]);
  }
};

对于 React Native .

在您的项目根目录中创建rn-cli.config.js内容：

const blacklist = require('react-native/packager/blacklist');

module.exports = {
  getBlacklistRE: function() {
    return blacklist([/dist\/.*/]);
  }
};

所有版本

让您的 CLI 命令通过传递以下内容来使用此配置--config option:

react-native run-ios --config=rn-cli.config.js

（配置文件应该由 RN >= 0.59 自动获取，自从它被重命名以来metro.config.js)

所有版本：关于缓存的注意事项

请注意，列入黑名单的项目可能已被打包程序包含在缓存中，在这种情况下，第一次使用黑名单运行打包程序时，您可能需要使用以下命令重置缓存--reset-cache