如何在Angular 4.x应用程序中使用bower管理前端依赖关系

如何在Angular 4.x应用程序中使用bower管理前端依赖关系,angular,webpack,gulp,frontend,Angular,Webpack,Gulp,Frontend,之前我在angular 1.x项目中工作过,我们使用bower来管理和安装前端依赖项。我们使用了一个gulp构建系统,在该系统中,我们使用gulp wiredep连接index.html中的所有依赖项 就在最近,我开始着手Angular 4.x项目,并计划用gulp创建一个构建系统。这可能吗?我知道还有其他选择,如网页包,角cli等。。。但我希望用大口大口大口地创造它 我的问题是: 如何管理前端依赖关系 早些时候,我们使用gulp时,前端依赖项由bower管理,我们使用gulp wiredep将

之前我在angular 1.x项目中工作过,我们使用bower来管理和安装前端依赖项。我们使用了一个gulp构建系统,在该系统中,我们使用gulp wiredep连接index.html中的所有依赖项

就在最近,我开始着手Angular 4.x项目,并计划用gulp创建一个构建系统。这可能吗?我知道还有其他选择,如网页包,角cli等。。。但我希望用大口大口大口地创造它

我的问题是:

  • 如何管理前端依赖关系
  • 早些时候,我们使用gulp时,前端依赖项由bower管理,我们使用gulp wiredep将所有依赖项连接到index.html中。但当我在鲍尔搜索Angular 4.x软件包时,却没有找到

  • 如果我使用SystemJs作为模块加载器,我还需要引用index.html中的所有js(ts->js)吗
  • 之前,我们有一个gulp任务,它提取index.html中引用的所有js文件,并将其捆绑到一个app.js文件中

    请帮忙!我理解angular 4.x,但我发现构建系统很困难

    如何管理前端依赖关系

    为此,请使用
    npm

    如果我使用SystemJs作为模块加载器,我还需要引用所有 index.html中的js(ts->js)是什么

    不,您只需要引用起始模块,通常是
    main.js
    。阅读更多


    但是我强烈建议考虑WebPACK/CLACK CLI用于构建系统。

    有帮助吗?谢谢!你能给我指一下回购协议吗。如果你知道任何存在的,哪一个使用webpack(配置)作为真实世界的angular 4应用程序?我需要它作为参考,以便能够创建我自己的一个在我的项目。它应该处理ts->js编译、minifi和com,更少的CSS,供应商前缀,代码分析,缓存破坏,@ ChigaGLAAD,网络上有很多教程,例如@ CHILGAGLALD,如果有帮助,请考虑投票或接受我的答案,谢谢。