如何发布可以在WebStorm中自动导入的npm模块？

Question

我尝试发布一个简单的模块，像如下：

文件列表是：

|--[src] 
| |--[share] 
|   |--share.moduel.ts 
|   |--index.ts 
| 
| 
|--package.json 
|--index.ts 

的package.json

{ 
    "name": "my-common", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.ts", 
    "typings": "index.ts", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

index.ts

export { ShareModule } from './src/share/index'; 

的src/share.module.ts

import {NgModule} from "@angular/core"; 
import {CommonModule} from "@angular/common"; 
import {FormsModule} from "@angular/forms"; 

@NgModule({ 
    imports: [ 
    CommonModule, 
    FormsModule 
    ], 
    declarations: [], 
    exports: [CommonModule,FormsModule] 
}) 
export class ShareModule { } 

的src/index.ts

export { ShareModule } from './share.module'; 

我发布NPM模块后，再npm install my-common，我试着按Alt +为了上输入代码 'ShareModule'自动组织import语句，但它并不显示标签“添加import语句”，它的工作方式类似于Angular2 HttpModulem，FormModule等

所以，我怎么可以让我自己的模块，可以自动小鬼按键Alt +在WebStorm中输入就像其他Angular2的官方模块一样？我错过了一些关键点吗？

Answer 1

最后，我发现如何使它工作。

步骤1 创建两个文件在你的文件夹**/src/**类似如下：

index.d.ts index.ts

步骤2 编辑您的index.d.ts 您展示出口类要使用Alt + Enter键在WebStrom

导入例如

export declare class ShareModule { 
} 

步骤3 编辑您的index.ts像如下：

export {ShareModule} from './share/share.module'; 

步骤4 做两个文件中/文件夹一样遵循

index.ts：

export * from './src/index'; 

index.d.ts：

export * from './src/index' 

最后，文件应该像如下：

 

    |--[src] 
    | |--[share] 
    | |  |--share.moduel.ts 
    | |--index.ts 
    | |--index.d.ts 
    | 
    | 
    |--package.json 
    |--index.ts 
    |--index.d.ts 

现在，您可以通过Alt键导入类+ Enter键