Questions tagged «angular-cli»

Angular CLI是用于构建，管理和部署Angular（2+版）应用程序的命令行界面。

7
如何在Angular 6中通过`ng serve`设置环境
我正在尝试将Angular 5.2应用程序更新为Angular6。我已成功按照Angular更新指南（包括angular-cli对v6 的更新）中的说明进行操作，现在我正尝试通过以下方式为该应用程序提供服务 ng serve --env=local 但这给了我错误： 未知选项：“-env” 我使用了多个环境（dev/local/prod），这就是它在Angular 5.2中的工作方式。我现在如何在Angular 6中设置环境？
5
何时使用“ npm start”和何时使用“ ng serve”？
ng serve 通过开发服务器为Angular项目提供服务 npm start运行在程序包的“脚本”对象的“开始”属性中指定的任意命令。如果在“脚本”对象上未指定“开始”属性，它将运行节点server.js。 似乎ng serve启动嵌入式服务器，而npm start启动节点服务器。 有人可以照亮它吗？
11
角度测试失败，无法在“ XMLHttpRequest”上执行“发送”
我正在尝试测试我的angular 4.1.0组件- export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store<AppStore>) { } } 但是，一个简单的“应该创建”测试将引发此神秘错误... NetworkError：无法在'XMLHttpRequest'上执行'send'：无法加载'ng：///DynamicTestModule/module.ngfactory.js'。 所以我发现了这个问题，这表明问题是组件的@Input)_参数没有设置，但是，如果我这样修改测试，则： it('should create', inject([CellComponent], (cmp: CellComponent) => { cmp.dep = ''; cmp.embedded = …
9
如何使用angular-cli仅执行一个测试规范
我有使用Angular-CLI（beta 20）构建的Angular2项目。 有没有一种方法可以仅对一个选定的规格文件运行测试？ 我曾经有一个基于Angular2快速入门的项目，并且可以手动将规格添加到jasmine文件中。但是我不知道如何在业力测试之外进行设置，或者如何使用Angular-CLI构建将业力测试限制在特定文件中。
30
如何更改Angular CLI图标
如何更改由Angular CLI设置的默认图标？ 我尝试了很多事情，但是即使我删除了该图标（src文件夹中的favicon.ico），它也始终将Angular徽标显示为favicon。它仍然显示，我不知道从哪里加载。 我已用另一个图标替换了该图标，但它仍显示Angular徽标： <link rel="icon" type="image/x-icon" href="favicon.ico">
140 angular-cli 
9
运行一个测试文件
有没有一种方法可以ng test针对单个文件而不是整个测试套件运行？理想情况下，我想在编辑文件时获得最快的反馈循环，但是karma在每次保存时都执行整个套件，这在构建足够大的测试套件时会有点慢。 这与如何仅使用angular-cli执行一个测试规范不同，因为该问题与运行单个规范有关。这是关于运行单个文件。该解决方案具有相同的Jasmine规范功能，但问题的性质略有不同。
14
如何减小产品捆束尺寸？
我有一个简单的应用，由初始化angular-cli。 它显示一些与3条路线有关的页面。我有3个组成部分。在这个页面上我使用一个lodash与角2 HTTP模块来获取一些数据（使用RxJS ObservableS，map和subscribe）。我使用简单的显示这些元素*ngFor。 但是，尽管事实上我的应用程序非常简单，但我还是得到了一个庞大的捆绑包和地图。我不是在谈论gzip版本，而是gzip压缩之前的大小。这个问题只是一般性建议查询。 一些测试结果： ng构建 哈希：8efac7d6208adb8641c1时间：10129毫秒块{0} main.bundle.js，main.bundle.map（主要）18.7 kB {3} [初始] [呈现] 块{1} styles.bundle.css，styles.bundle.map，styles.bundle.map（样式）155 kB {4} [initial] [rendered] 块{2} scripts.bundle.js，scripts.bundle.map（脚本）128 kB {4} [初始] [呈现] 块{3} vendor.bundle.js，vendor.bundle.map（供应商）3.96 MB [初始] [呈现] 块{4} inline.bundle.js，inline.bundle.map（内联）0字节[输入] [呈现] 等待：10Mb的供应商捆绑包是否提供了如此简单的应用程序？ ng build --prod 哈希：09a5f095e33b2980e7cc时间：23455ms块{0} main.6273b0f04a07a1c2ad6c.bundle.js，main.6273b0f04a07a1c2ad6c.bundle.map（主要）18.3 kB {3} [初始] [呈现] 块{1} styles.bfdaa4d8a4eb2d0cb019.bundle.css，styles.bfdaa4d8a4eb2d0cb019.bundle.map，styles.bfdaa4d8a4eb2d0cb019.bundle.map（样式）154 kB {4} [initial] 块{2} scripts.c5b720a078e5464ec211.bundle.js，scripts.c5b720a078e5464ec211.bundle.map（脚本）128 …
11
从CSS到CSS的Angular CLI
我读过 文档，其中说如果要使用scss，必须运行以下命令： ng set defaults.styleExt scss 但是当我这样做并制作该文件时，我仍然在控制台中收到此错误： styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)
12
在Angular 2、4、5、6中实现插件架构/插件系统/可插入框架
2018年5月24日更新：根据我的原始帖子，我们现在是Angular的+3版本，并且仍然没有最终可行的解决方案。Lars Meijdam（@LarsMeijdam）提出了一种有趣的方法，当然值得一看。（由于专有问题，他不得不临时删除他最初发布其示例的GitHub存储库。但是，如果您想要复制它，可以直接向他发送消息。更多信息，请参见下面的评论。） Angular 6最近的架构更改确实使我们更接近解决方案。此外，Angular Elements（https://angular.io/guide/elements）提供了一些组件功能-尽管与我在本文中最初描述的功能不尽相同。 如果来自惊人的Angular团队的任何人碰巧遇到此问题，请注意，似乎还有很多其他人对此功能也非常感兴趣。积压的订单可能值得考虑。 我想实现在一个可插拔（插件）的框架Angular 2，Angular 4，Angular 5，或Angular 6应用程序。 （开发这个可插入框架的特定用例是，我需要开发一个小型的内容管理系统。由于此处未详细说明的许多原因，Angular 2/4/5/6它非常适合该系统的大多数需求。） 我所说的可插拔框架（或插件体系结构）是指一种系统，该系统允许第三方开发人员通过使用可插拔组件来创建或扩展主应用程序的功能，而无需直接访问或了解主应用程序的源代码。或内部运作。 （关于“ 没有直接访问或不知道应用程序的源代码或内部工作原理的措辞”是一个核心目标。） 可插入框架的示例包括常见的内容管理系统，例如WordPress或Drupal。 理想的情况（与Drupal一样）将是能够简单地将这些可插入组件（或插件）放入文件夹中，让应用程序自动检测或发现它们，并使它们神奇地“工作”。以某种可热插拔的方式发生这种情况，这意味着在应用程序运行时将是最佳选择。 我目前正在尝试（在您的帮助下）确定以下五个问题的答案。 实用性：Angular 2/4/5/6应用程序的插件框架甚至实用吗？（直到现在，我还没有找到使用来创建真正可插拔框架的任何实用方法Angular2/4/5/6。） 预期的挑战：在为Angular 2/4/5/6应用程序实现插件框架时可能遇到什么挑战？ 实施策略：可以为实施Angular 2/4/5/6应用程序的插件框架采用哪些特定技术或策略？ 最佳实践：为Angular 2/4/5/6应用程序实现插件系统的最佳实践是什么？ 替代技术： 如果一个插件框架是不实际在Angular 2/4/5/6应用，哪些相对相当于技术（例如React）可能是适合现代高反应性的Web应用程序？ 通常，Angular 2/4/5/6非常需要使用，因为： 它自然是非常快-如此之快。 它消耗的带宽很小（在初始加载之后） 它的足迹相对较小（在AOT和之后tree shaking），并且足迹不断缩小 它功能强大，并且Angular团队和社区正在持续快速发展其生态系统 它与许多最佳和最新的Web技术（例如TypeScript和Observables Angular 5现在支持服务人员（https://medium.com/@webmaxru/a-new-angular-service-worker-creating-automatic-progressive-web-apps-part-1-theory-37d7d7647cc7） 得到的支持Google，将来可能会得到支持和增强。 我非常想将其Angular 2/4/5/6用于当前项目。如果我能够使用Angular 2/4/5/6，我也将使用Angular-CLI并且可能Angular Universal（用于服务器端渲染）。 到目前为止，这是我对上述问题的看法。请查看并提供您的反馈和启示。 Angular 2/4/5/6应用会使用程序包-但这不一定与允许应用程序内的插件相同。Drupal可以通过将plugin文件夹放到公共模块目录中来实质上添加其他系统（例如）中的插件，系统会在该目录中自动将其“拾取”。在中Angular 2/4/5/6，通常通过安装包（可能是插件），然后npm将其添加到中package.json，然后手动将其导入到应用中（如）app.module。这比Drupal拖放文件夹并使系统自动检测软件包的方法要复杂得多。安装插件越复杂，人们使用它们的可能性就越小。如果有一种方法可以更好Angular 2/4/5/6自动检测并安装插件。我非常想找到一种方法，该方法允许非开发人员安装Angular …
6
angular-cli在哪里是webpack.config.js文件-新的angular6不支持ng弹出
更新：2018年12月（请参阅``Aniket''答案） 使用Angular CLI 6时，您需要使用构建器，因为不建议使用ngject，并且很快将在8.0版本中将其删除。 更新：2018年6月：Angular 6不支持ng弹出** 更新：2017年2月：使用ng弹出 更新：2016年11月：angular-cli现在仅使用webpack。您只需要使用npm install -g angular-cli正常安装即可。“我们将beta.10和beta.14之间的构建系统从SystemJS更改为Webpack。”，但实际上我只使用angular-cli来生成结构和文件夹，然后再手动使用webpack config 我已经安装了角度cli： npm install -g angular-cli@webpack 当我使用angular1和web pack时，我曾经修改过“ webpack.config.js”文件以执行所有任务和插件，但是我在使用angular-cli创建的这个项目上看不到谁可以工作。这是魔法？ 我看到Webpack在工作时正在工作： ng serve "Version: webpack 2.1.0-beta.18" 但我不明白angular-cli配置的工作方式...
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.