[英]import React components with namespace
我的react组件的结构如下。
/build
..............................
/lib
/inner
/InnerComponent.js
/index.js
/OuterComponent1.js
/OuterComponent2.js
/index.js
.................................
package.json
.................................
我的package.json
如下所示
{
"name": "my-comp",
.......................
"main": "build/index.js",
"scripts": {
"build": "babel lib -d build",
"build:watch": "babel lib -w -d build",
"lint": "eslint lib/**; exit 0",
"lint:watch": "esw -w lib/**",
"prepublish": "npm run build"
},
"devDependencies": {
.......................
},
"dependencies": {
.......................
},
"directories": {
"lib": "lib"
},
"repository": {
.......................
}
}
可以从lib/index.js
OuterComponent1
和OuterComponent2
导入为import {OuterComponent1,OuterComponent2} from "my-comp"
。 我需要将lib/inner
所有内容作为import {InnerComponent} from "my-comp/inner"
(我想为lib/inner
文件夹中的组件添加名称空间)。 在npm中发布后该怎么办?
您可以像这样从inner/index.js
创建命名导出:
export { InnerComponent } from './InnerComponent';
然后将允许使用以下命令导入:
import { InnerComponent } from 'my-comp/inner';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.