npm包dist目录含多个文件 仅导入main指定入口是否可正常使用?
答案
不需要导入全部三个文件,仅使用单条导入语句即可正常使用,具体说明如下:
- npm包的
package.json中配置的"main"字段就是包的默认入口声明,当其他项目通过import xxx from '你的包名'引入依赖时,webpack、Vite、Rollup等构建工具以及Node.js环境会自动读取main字段指向的dist/sample.js作为导入起点,不需要使用者手动指定入口文件路径。 - 只要你打包时的webpack配置正确,
sample.js已经完整包含了你对外暴露的所有导出内容,dist下的另外两个文件大概率是按需加载的分包chunk、source map文件或者配套的样式资源,构建工具会在运行需要时自动加载对应资源,不需要使用者手动引入。 - 你只需要注意导入写法和你包的导出规则匹配即可:如果
sample.js用export default导出内容,就用import aFunction from 'package-name'的默认导入写法;如果是export const aFunction = xxx的命名导出,就对应改为import { aFunction } from 'package-name'的写法。
内容的提问来源于stack exchange,提问作者David
相关产品推荐
相关产品推荐

