介绍
在开发前端项目时，经常需要使用到 npm 包，而其中有些 npm 包在使用时需要指定一些主要的文件，例如 JSX，但是不同的开发者可能会用不同的包管理工具，如 npm 和 yarn。这时候，就有了一个问题：如何在 package.json 文件中，指定这些不同的包管理工具所需要的主要文件呢？
不用担心，npm 包 main-yarn-files 可以帮你解决这个问题。这个包可以让你很轻松地指定需要的主要文件，不管你是使用 npm 还是 yarn。
安装
使用 npm 或 yarn 进行安装：
npm install --save-dev main-yarn-files # or yarn add -D main-yarn-files
使用
在 package.json 文件中，添加 main-yarn-files 的配置项：
{
"main-yarn-files": {
"files": ["dist/*", "build/*"],
"yarn": ["dist/index.js", "build/index.js"],
"npm": "dist/index.js"
}
}在上述的示例配置中，files 属性是通用的，可以用来指定任何包管理工具所需要的主要文件，yarn 和 npm 属性分别用于指定 yarn 和 npm 所需的主要文件。
在这个示例中，我们指定了 dist 目录和 build 目录下的所有文件为通用的主要文件，并分别指定了 yarn 和 npm 对于这些文件的需求。对于 yarn，我们只需要 dist 和 build 目录下的 index.js 作为主要文件即可，而对于 npm，则需要 dist 目录下的 index.js 作为主要文件。
使用了 main-yarn-files 之后，就可以在使用 npm 和 yarn 安装包时自动根据各自的需求获取所需的主要文件了。
意义
使用 main-yarn-files 可以使项目更具有可移植性和兼容性，而且配置也更加简单明了。比如，在同一个项目中，你可以使用不同的包管理工具，而对于这些不同的工具，你只需要添加相应的配置即可，更换工具时也会更加方便。
示例
下面是一个示例，演示了 main-yarn-files 的作用，以 babel-preset-react 为例，这个包在使用时需要指定 preset-react 作为主要文件。
-- -------------------- ---- -------
-
------------------ -
-------- ---------
------- -------------
------ ----------
--
--------------- -
--------------------- ---------
-
-在使用时，我们通过 npm 安装 babel-preset-react，执行以下命令：
npm install --save-dev babel-preset-react
然后，我们在代码中使用这个包时，无需再手动指定主要文件，主要文件会被自动获取到，并根据不同的包管理工具进行不同的处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057add81e8991b448eb658