如何在项目中使用手动构建的Angular包作为节点模块包?

时间:2020-04-20 11:36:34

标签: angular

我需要将手动生成的软件包的输出用作Angular项目中的软件包,而不是npm install附带的软件包。

我试图通过复制手动构建的程序包并用它替换节点模块中的原始程序包来实现此目的,但是它不起作用。

这是我使用的软件包:https://edcarroll.github.io/ng2-semantic-ui/

我做到了:npm installnpm run lib:compile:prod

你们中的一个人会知道如何在项目中正确使用这种手动构建的软件包吗?

2 个答案:

答案 0 :(得分:1)

将组件制作为库并从本地路径使用它的步骤

  • ng new test-shared --createApplication=false
  • cd测试共享/
  • ng generate library test-component-现在将您的功能添加到测试组件中
  • //将脚本添加到package.json “ buildtest”:“ ng build test-component”
  • npm run buildtest
  • cd dist / test-component /
  • npm pack-它将创建一个.tgz,我们可以将其引用添加到任何应用程序中

现在将主应用程序放在要使用库的位置

  • ///将tgz文件路径添加到我们的应用程序package.json “ test-component”:“文件:../../../../../ dist / test-component / test-component-0.0.1.tgz”

  • run npm install

答案 1 :(得分:0)

您可以给它一个新的版本号,并将其部署到本地Verdaccio之类的npm注册表中。更改Angular package.json以使用新版本,并使用Angular项目根目录中的.npmrc文件将npm指向本地Verdaccio注册表。