我只想清除我的概念?我正在使用一个名为reactstrap的npm
软件包,该软件包安装在node_modules
文件夹中。该软件包包含4个文件夹。
我知道src
文件夹包含该库的源代码,但是这3个文件夹之间有什么区别。
如果我写这样的东西来导入组件怎么办?
import {Button} from 'reactstrap';
上面的行使用ES6 module
语法导入组件。
此Button组件是否来自es
文件夹或lib
文件夹?
如果我想通过使用Button
模式导入commonJS module
组件,将使用什么语法?
答案 0 :(得分:0)
当使用import/require
包而不指定文件路径时,npm将使用package.json(reactstrap package.json)中指定的main
文件。 es和commonJS样式相同。
'es','dist','lib',...只是由不同选项构建的文件夹,因此对于具有特定用例的每个项目而言,它都是可选的。您可以看到每种类型here的构建选项。
如您所见,dist文件夹是由rollup创建的,它使该软件包可在浏览器,es模块和commonJs模块上运行。 lib文件夹是由babel创建的