【问题标题】:How to use angular2-webpack-starter and angular-cli together?如何一起使用 angular2-webpack-starter 和 angular-cli?
【发布时间】:2017-05-11 06:22:56
【问题描述】:

我是 Angular2 和 webpack-starter 的新手。并让带有 ng2-boostrap 的 webpack-starter 运行良好。但是当我尝试开始使用 angular-cli 添加组件时,我看到“您必须在 ember-cli 项目中才能使用生成命令。”这是有道理的,但是对于这个新手来说,使用类似'ng g compoenent ...'之类的东西来添加新组件会很有帮助。或者,如果有一个 gulp 任务为 webpack-starter 执行此操作会有所帮助。

我四处搜索,没有发现任何明显的东西,也不想破坏 webpack-starter 项目。任何帮助将不胜感激。我总是可以为新组件手动构建所有文件,但这在开始时似乎非常浪费且容易出错。

【问题讨论】:

    标签: angular webpack starter-kits


    【解决方案1】:

    我不建议您将 CLI 生成的结构与其他状态器混合使用,因为启动器可能不遵循角度样式指南(CLI 会这样做)。这将是一个真正的混乱。

    确实,值得一提的是,您可以使用 angular-cli 来创建和运行您的应用程序,这是处理 Angular 应用程序的官方方式。

    但是,目前 CLI 不允许您编辑内部 webpack 配置。您将能够使用团队正在开发的插件系统自定义此配置。到那时,您仍然可以使用自定义 webpack 配置(您自己的配置)来完成 CLI 尚无法完成的事情。只需将 webpack deps + web.config.js 文件添加到您的项目中。

    【讨论】:

      【解决方案2】:

      将这两者结合起来会让人头疼,因为它们可能在不同的版本上。 (Angular2、typescript、zone 和 ....)。

      我建议您创建一个新的 angular-cli 项目并将所有东西从入门工具包移到该项目,然后从那里继续。

      如果您不想这样做,您可以进入您的入门项目并运行ng init

      此命令会初始化您的入门工具包中的 cli 内容,但最初它会询问您几个关于覆盖 app.module.ts 之类的文件的问题...以及是否这样做是您的决定。

      然后你的项目变成了一个 cli 项目,你拥有了所有的好东西。

      但我还是更喜欢第一种方法,第二种变得非常混乱。

      【讨论】:

      • 感谢第一个建议。这似乎是最有意义的。我会很好奇看看是什么坏了……但至少那时所有的 ng……都会好的。
      • @JoelParke,玩得开心,我已经为我们所有的项目做了 20 多次。:D
      猜你喜欢
      • 2017-09-30
      • 2017-02-10
      • 2018-06-01
      • 2016-12-20
      • 1970-01-01
      • 2020-08-17
      • 2016-08-02
      • 1970-01-01
      • 2017-08-11
      相关资源
      最近更新 更多