angular - PrimeNG:更改后如何将项目更改为 'pack' 或 'build'?

标签 angular primeng ng2-bootstrap

我在我的 Angular 应用程序中使用了 primeng。我想向其中一个组件添加一些功能,因此我按照说明 (https://github.com/primefaces/primeng/wiki/Building-From-Source) 进行操作并使我的所有更改生效。现在我想把它打包,这样我就可以在我的应用程序中安装这个修改过的分支。我该怎么做?

我之前使用 ng2-bootstrap 通过运行“npm pack”然后在我的应用程序中安装生成的 tar 包来完成此操作。我尝试对 primeng 做同样的事情,但我的项目出错了,因为 primeng.js 文件不存在。我假设我需要以不同的方式来做,但我不知道如何做,而且我没有太多的 webpack/gulp 经验。

最佳答案

在 fork 的 PrimeNG v5 中,需要使用以下行更新 package.json 以构建和重新分发。

package.json 添加内容

  "scripts": {
    "build-components": "ngc -p tsconfig-release.json",
    "build-assets": "gulp build-assets",
    "build-styles": "node-sass src/assets/components -o src/assets/components",
    "build-redistribute": "npm run build-components && npm run build-assets && npm run build-styles"
  }
  "devDependencies": {
    "node-sass": "^4.5.3",
  }

安装node-sass并运行以下命令构建

npm run build-redistribute

引用:https://forum.primefaces.org/viewtopic.php?p=159783#p159783

关于angular - PrimeNG:更改后如何将项目更改为 'pack' 或 'build'?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41310398/

相关文章:

angular - 焦点不会停留在 PrimeNG <p-dialog> 组件内

typescript - Primeng日历: Set date from database

angular - 将 datepicker 和 timepicker 值与 ngx-bootstrap 结合使用

javascript - Angular 2 HTTP 显示 JSON 特定值

Angular 货币编辑器

angular - 在 Angular 2 的 ng2-smart-table 的操作列中添加自定义按钮

angularjs - 使用 ng2-bootstrap 时没有将 "exportAs"设置为 "bs-modal"的指令

Angular2 ng2-Bootstrap 折叠添加过渡/动画

javascript - 如何调试生产 Angular2/Typescript 应用程序?

javascript - 如何从字符串日期 ("Y-m-d"中获取正确的日期)?