首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >npm模块和angular-cli@webpack

npm模块和angular-cli@webpack
EN

Stack Overflow用户
提问于 2016-09-09 16:54:12
回答 1查看 190关注 0票数 0

应该如何将angular2组件打包到mpm模块中,以便导入并在使用angular-cli@webpack编译的应用程序中使用。

npm包中应该发布什么?源代码(*.ts,*.css,*.html)还是webpack编译的版本?

请看我的相关问题:angular-cli@webpack : Components imported in npm dependencies don't work

EN

回答 1

Stack Overflow用户

发布于 2017-02-16 20:11:56

首先,使用npm安装Yeoman和generator-angular2-library (假设您已经预先安装了node.js )。

代码语言:javascript
复制
$ npm install -g yo
$ npm install -g generator-angular2-library

创建一个新目录并将cd放入其中:

代码语言:javascript
复制
$ mkdir angular2-library-name
$ cd angular2-library-name

并生成新的库:

代码语言:javascript
复制
$ yo angular2-library

并为您创建以下文件:

代码语言:javascript
复制
.
├── README.MD
├── index.ts
├── package.json
├── src
│   ├── sample.component.ts
│   ├── sample.directive.ts
│   ├── sample.pipe.ts
│   └── sample.service.ts
├── tsconfig.json
├── tslint.json
└── typings.json

然后,您可以在src/目录中添加或编辑*.ts文件,并运行:

代码语言:javascript
复制
$ npm run tsc
$ npm run lint

将库发布到NPM注册表后,可以将其导入任何Angular应用程序,方法是首先使用NPM进行安装:

代码语言:javascript
复制
$ npm install sample-library # use the name you used to publish to npm

详细说明可用here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39407600

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档