html5 import 文件,【前端】import 导入的库指向的事node_modules中的哪个文件

例如：

import VSwipe from 'vswipe'

我导入了这个文件，这个文件指向vswipe中的那个文件：

我一直以为是根目录下的index文件，但是根目录下并没有

那到底指向的是哪呢，求大神指点

回答

一般情况下是这个

/node_modules/vswipe/index.js

具体的VSwipe模块是此文件暴露出来的

开发者可以在文件中的package.json中修改主文件，如图：

所以，你引用的是

/node_modules/vswipe/dist/vswipe.js

import '...' from '...'

这是导入安装的包，在node_modules里面

入口文件是在package.json里的main字段里配置的，默认为根目录的index.jsYou can use the default, index.js.

You can use npm init to create the package.json. It will prompt you for values for the package.json fields. The two required fields are name and version. You’ll also want to have a value for main. You can use the default, index.js.

可以查看该依赖包下的package.json 中的配置：