如何将angular2-webpack-starter和angular-cli一起使用?

时间:2016-12-26 23:08:32

标签: angular webpack starter-kits

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

我google了一下,没有发现任何明显的事情,并且不想打破webpack-starter项目。任何帮助将不胜感激。我总是可以为新组件构建所有文件,但这在开始时看起来非常浪费且容易出错。

2 个答案:

答案 0 :(得分:3)

将这两者结合起来会让人痛苦不堪,因为它们可能是所有东西的不同版本。 (Angular2,typescript,zone和....)。

我建议你创建一个新的angular-cli项目,然后将所有东西从入门套件移到那个,然后从那里继续。

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

此命令初始化入门工具包中的cli内容,但最初它会问你关于覆盖你的文件的问题,比如app.module.ts和...你决定这样做或不。

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

但我仍然喜欢第一种方法,第二种方法变得非常混乱。

答案 1 :(得分:1)

我建议您不要将CLI生成的结构与其他定位器混合,因为启动器可能不遵循角度样式指南(CLI所做的)。这真是一团糟。

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

但是,目前CLI并不允许您编辑内部webpack配置。您将能够使用团队正在处理的插件系统自定义此配置。到那时,您仍然可以使用自定义webpack配置(您自己的配置)以执行CLI无法执行的操作。只需将webpack deps + web.config.js文件添加到项目中即可。

相关问题