【问题标题】:Setting angular package development setup设置角度包开发设置
【发布时间】:2018-04-11 19:47:26
【问题描述】:

我有一个 Angular UI 组件项目和另一个正在使用它的 Angular 应用程序。所以每次如果那个包有什么变化我都需要做

npm uninstall --save @my-lib/package-onenpm install --save @my-lib/package-one

这太耗时了。我已经尝试过 npm 链接,但它不起作用。

还有其他方法可以实现此设置吗?

使用ng-packagr 进行打包和角度版本 5。

编辑 1 还尝试使用此视频中解释的方法,但不幸的是它不起作用。 https://www.youtube.com/watch?v=Tw8TCgeqotg&feature=youtu.be

【问题讨论】:

标签: angular npm ng-packagr


【解决方案1】:

使用npm link:

cd your_package_one_dir      # go into the package directory
npm link                     # creates global link
cd your_project              # go into your project directory
npm link @my-lib/package-one # link-install the package

your_package_one_dir 的任何更改都将反映在your_project/node_modules/@my-lib/package-one 中。请注意,链接应该指向包名称,而不是该包的目录名称。见npm linkdocumentation

【讨论】:

  • 谢谢这些步骤,我也在做同样的步骤。但是遇到一些错误。需要澄清一下我是否有cd your_package_one_dircd your_package_one_dir/build/ 目录?
  • 此外,我发现有一些 npm 链接错误,尤其是 angular 项目
  • 如果您正在编写带有 typescript 链接到 build 文件夹的包。我有相同的场景,一个独立的模块和一个角度应用程序,它们与npm link 配合得很好。
  • 将尝试再次测试它
  • 终于,npm link 工作了。每次我需要创建一个构建文件夹时,项目内部的包都会更新,或者我手动执行npm unlinknpm link
猜你喜欢
  • 2023-04-11
  • 2022-01-14
  • 2020-08-06
  • 1970-01-01
  • 1970-01-01
  • 2010-11-21
  • 1970-01-01
  • 2023-04-03
  • 1970-01-01
相关资源
最近更新 更多