使用子文件夹发布es6和commonjs

Question

• 我希望能够从这样的子文件夹导入模块，而没有任何lib文件夹， https：//davidwells.io/blog/publishing-flat-npm-packages-for-easier-import-paths-smaller-consumer-bundle-尺寸/
• 我想同时发布CommonJS和ES6模块

我可以用CommonJS的指定主文件"main": "./index.js" ，并与ES6 "module": "./index.es.js"中package.json 。

但是，当我导入my-package/myfile时，它如何工作？ 是使用myfile.js还是myfile.es.js

为什么不能指定子文件夹而不是单个主文件？

Answer 1

在您提到的博客文章中，没有太多魔术，他只是在node_modules/his-module/P.js

捆扎机需要一个入口，因为（理论上）这就是您拥有的位置

module.exports = {}

打包程序可以访问您的函数的代码。

如果您使用的是与emodule兼容的捆绑器（例如webpack或汇总），他们将读取module密钥

import someFunction from 'your-module';

将导入es模块，除非您使用的浏览器版本类似commonjs版本。

您也可以明确要求其他文件

import someFunction from 'your-module/lib/index.min.js';

无论您在这里要求什么文件，都会导入该文件。 如果在模块后添加/ ，那么您将违反主路径或模块路径约定，并询问所需的文件。