angular 2指令作为npm包

Question

我有一个我想在npm上发布的指令。我读了the doc here，之后就是我做的：

• 复制从.ts文件编译的.js文件。 （我没有复制地图文件）
• 在桌面上创建新文件夹并将其粘贴到那里
• npm init和npm publish
• 创建新项目并npm install --save-dev我发布的包

但是当我试图在模块中声明它时，它找不到指令的名称

@NgModule({
  declarations: [
    AppComponent,
    MyDirective //this is not found
  ],

js文件虽然出现在模块文件夹中

Answer 1

您导入了import {...} from 'your-package-name/your-main-js';，对吗？

这是为Angular2创建npm包的一个很好的指南。

https://medium.com/@OCombe/how-to-publish-a-library-for-angular-2-on-npm-5f48cdabf435#.coog6uf98

如果要创建组件包，请记住内联模板/样式！否则你的应用程序将被破坏..

或者您可以使用像https://github.com/ludohenin/gulp-inline-ng2-template这样的脚本来内联这些模板/样式..

也许这个回购作为起点会有所帮助：https://github.com/mxii/ng2-offclick

您还可以查看以下资源：

• http://blog.angular-university.io/how-to-create-an-angular-2-library-and-how-to-consume-it-jspm-vs-webpack/
• http://myrighttocode.org/blog/typescript/angular2/components/npm/angular2-npm-components
• https://github.com/jvandemo/generator-angular2-library
• https://www.reddit.com/r/Angular2/comments/52vz2b/how_to_publish_component_as_library/

Answer 2

以防将来有人在挣扎，就像我在这里做的那样是重要的一步。

1. npm初始化该文件夹，使其具有package.json并添加必要的devDependencies
2. 将.ts编译为js
3. 告诉npm忽略.npmignore中的.ts文件：

 node_modules
 npm-debug.log
 *.ts
 !*.d.ts

我希望我没有错过任何内容，无论如何，上面接受的答案中的教程将有所帮助