lib和es文件夹的区别

Question

我只是想清除我的概念？我正在使用安装在文件夹上的npm名为reactstrap的包node_modules。该包包含 4 个文件夹。

• 区
• es
• 库
• 源文件

我知道src文件夹包含库的源代码，但其他这 3 个文件夹有什么区别。

如果我写这样的东西来导入一个组件怎么办。

import {Button} from 'reactstrap';

上面这行是使用ES6 module语法来导入组件。

这个 Button 组件是来自es文件夹还是lib文件夹？

如果我想Button使用commonJS module模式导入组件，语法是什么？

Answer 1

当使用import/require包而不指定文件路径时，npm 将使用package.json ( reactstrap package.jsonmain )中指定的文件。es 和 commonJS 风格是一样的。

'es'，'dist'，'lib'，...只是由不同选项构建的文件夹，因此它只是具有特定用例的每个项目的可选选项。您可以在此处查看每种类型的构建选项。

正如你所看到的， dist 文件夹是由rollup创建的，它让这个包可以在浏览器、es 模块和 commonJs 模块上运行。lib文件夹是由babel创建的