问题标签 [angular-cli]

在实时 Web 服务器上捆绑 Angular（版本 2、4、6，...）以进行生产的最佳方法是什么。

请在答案中包含 Angular 版本，以便我们在它移动到更高版本时更好地跟踪。

我正在开发一个 Angular 2 项目并使用 Angular CLI 创建新的组件和服务并进行构建，我想将特定的修复推送到生产中。

我有数百个组件和文件，不想编译所有内容并仅将特定更改推送到生产。

有没有办法编译特定的 TS 文件？

我们想在使用 angular-cli 1.0.0-beta.5 (w/ node v6.1.0) 生成的应用程序中使用 bootstrap 4 (4.0.0-alpha.2)。

在使用 npm 获取引导程序及其依赖项后，我们的第一种方法是将它们添加到angular-cli-build.js：

并将它们导入我们的index.html

这很好用，ng serve但是一旦我们生成带有-prod标志的构建，所有这些依赖关系就消失了dist/vendor（惊喜！）。

我们打算如何在使用 angular-cli 生成的项目中处理这种情况（即加载引导脚本）？

我们有以下想法，但我们真的不知道该走哪条路……

• 使用 CDN 吗？但我们宁愿提供这些文件以保证它们可用

• 将依赖项复制到dist/vendor我们的ng build -prod? 但这似乎是 angular-cli 应该提供的东西，因为它“照顾”了构建部分？

• 添加 jquery、bootstrap 和 tethersrc/system-config.ts并以某种方式将它们拉入我们的包中main.ts？但考虑到我们不会在应用程序的代码中显式使用它们，这似乎是错误的（例如，与 moment.js 或类似 lodash 的东西不同）。

我想使用 Firebase 模块“Firebase.ServerValue.TIMESTAMP”将日期保存到带有服务器生成时间戳的 firebase 服务器。

如何配置将 Firebase 作为模块导入 angular2 项目。

我正在使用 Angular2、angular-cli、angularFire2 等。以下是配置设置。

角-cli-build.js

我使用 angular-cli 创建了 n 个新的 angular 应用程序。

我完成了应用程序并使用 ng-serve 对其进行了预览，它运行良好。

之后我使用了ng build --prod，它生成了“dist”文件夹。当我将该文件夹放在 xampp 中运行时，它不起作用。我发现没有 *.js 文件，它应该在 *.ts -> *.js 转换之后存在（我想）。

我附上了屏幕截图，其中左侧显示了包含所有 .ts 文件的 src 文件夹，中间显示了“dist”文件夹和浏览器屏幕截图。

请指导我如何从 angular-cli 生成完全工作的应用程序，我可以在我的 xampp 服务器中运行它。

截屏：

我正在为我的 angular2 应用程序使用 angular-cli。现在我想在 ubuntu 14.04 digitalocean 服务器上部署我的应用程序。我从未在服务器中进行过任何角度应用程序部署。部署的方法或任何推荐的方法是什么？目前我的项目结构如下 -

这是我在 dist 文件夹下的 index.html

但每当我尝试

每次它显示我这个错误

但是在 node_modules 文件夹中的打字文件夹在哪里

我在组件中创建了一个子组件。我还创建了相应的路线。现在，在我这样做之后，最初由 angular-cli 创建的测试失败了：

RouterOutletMap 没有提供者！

此错误消息是否有任何一般原因？我总是可以发布整个组件源代码，但这似乎有点过分了:-)

编辑：我正在使用新的路由器（rc1）

如果我运行这个：

我明白了

我理解其余的，但这是/blogs/shared/index.ts为了什么？如果组件文件夹仅用于组件，为什么该组件具有共享文件夹？

我正在构建一个 angular2 应用程序，并且我在 TFS 中开发了一个构建配置文件来自动构建它。

有四个 npm 命令：

• npm install angular-cli -g
• npm install
• npm run typings（执行typings install）
• npm run build（执行ng build）

然后Copy Publish Artifact一步。

然而，即使每一步都过去了，它说Finishing Copy and Publish Build Artifacts，项目已经构建，文件已经移动，实际构建永远不会完成。我尝试将这些 npm 命令分解为 powershell 脚本，将它们作为NPMTFS 中的命令，并将它们作为CMD命令运行，但每次都会发生同样的事情。此外，如果我只是远程进入构建服务器并手动运行命令，它就可以正常工作。

有任何想法吗？

Mac OSX 埃尔卡顿 | 角-cli：0.1.0 | 节点：5.4.0 | 操作系统：达尔文 x64

我尝试根据 angular-cli wiki 安装第 3 方 npm 模块：https ://github.com/angular/angular-cli/wiki/3rd-party-libs但失败。我已经为此苦苦挣扎了好几天，非常感谢任何帮助。

获取错误的步骤：

ng new lodashtest3 cd lodashtest3 npm install lodash --save typings install lodash --ambient --save

角-cli-build.json：

module.exports = function(defaults) { return new Angular2App(defaults, { vendorNpmFiles: [ ... 'lodash/**/*.js' ] }); }; ng build （lodash 被正确添加到 dist/vendor 中）

系统配置.ts：

（全部根据 https://github.com/angular/angular-cli/wiki/3rd-party-libs中的规范）注意 - 我已经尝试了所有我能想到的配置设置，都给出了相同的结果。

lodashtest3.component.ts： import * as _ from 'lodash';

ng build

编辑：根据下面的评论获得更多信息

dist/index.html: