lib和es文件夹之间的区别

时间:2019-10-17 04:43:26

标签: javascript node.js npm

我只想清除我的概念?我正在使用一个名为reactstrapnpm软件包,该软件包安装在node_modules文件夹中。该软件包包含4个文件夹。

  • dist
  • es
  • lib
  • src

我知道src文件夹包含该库的源代码,但是这3个文件夹之间有什么区别。

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

import {Button} from 'reactstrap';

上面的行使用ES6 module语法导入组件。

此Button组件是否来自es文件夹或lib文件夹?

如果我想通过使用Button模式导入commonJS module组件,将使用什么语法?

1 个答案:

答案 0 :(得分:0)

当使用import/require包而不指定文件路径时,npm将使用package.json(reactstrap package.json)中指定的main文件。 es和commonJS样式相同。

'es','dist','lib',...只是由不同选项构建的文件夹,因此对于具有特定用例的每个项目而言,它都是可选的。您可以看到每种类型here的构建选项。

如您所见,dist文件夹是由rollup创建的,它使该软件包可在浏览器,es模块和commonJs模块上运行。 lib文件夹是由babel创建的