如何在单独的文件夹中编译angular 2文件
在单独的文件夹中编译Angular 2文件，您可以按照以下步骤进行操作：
- 确保您已经安装了Node.js和npm（Node包管理器）。
- 打开命令行工具，并导航到您的项目文件夹。
- 在命令行中运行以下命令，以在项目文件夹中初始化一个新的Angular 2应用程序：
ng new my-app
这将创建一个名为"my-app"的新文件夹，并在其中生成Angular 2应用程序的初始文件结构。
- 进入新创建的应用程序文件夹：
cd my-app
- 在命令行中运行以下命令，以安装应用程序所需的依赖项：
npm install
这将根据项目中的"package.json"文件安装所需的依赖项。
- 在命令行中运行以下命令，以编译和构建Angular 2应用程序：
ng build
这将使用Angular的构建工具编译应用程序，并将生成的文件输出到"dist"文件夹中。
- 现在，您可以在"dist"文件夹中找到编译后的Angular 2应用程序文件。您可以将这些文件部署到任何Web服务器上，以在浏览器中运行您的应用程序。
请注意，上述步骤假设您已经安装了Angular CLI（命令行界面）。如果您尚未安装Angular CLI，请在运行上述命令之前先运行以下命令进行安装：
npm install -g @angular/cli这将全局安装Angular CLI，使您能够在命令行中使用"ng"命令。
相关·内容
我应该如何在angular 2中的app文件夹中编译我的输入脚本文件。我的工作目录是dev。我需要在index.html文件或其他任何地方执行哪些更改？
浏览 0提问于2016-12-30得票数 0
回答已采纳
如何配置在"dist“文件夹中为angular2中的所有块文件创建单独的文件夹？
但是我想把所有的*.chunk.js和*.map文件放在dist的单独文件夹中。
浏览 3提问于2017-02-13得票数 2
4回答
我想要的是在本地拥有一个库，这样当我更改它时，这些更改就会反映在使用该库的项目中。我已经在我的本地机器上签出了这个库：然后进入我的项目目录并执行库文件夹出现在我的node_modules文件夹中，但我无法使用它，因为当我启动应用程序ng serve时，它会显示：
Cannot fi
浏览 3提问于2018-01-19得票数 4
3回答
我已经用Angular2创建了一个项目，但是当我试图安装外部依赖项时，编译器不会将文件夹从node_modules移动到dist/供应商。这就是我所做的：$ ng serveimport {Component} from 'angular2/core';
i
浏览 0提问于2016-03-13得票数 0
Angular CLI不编译SCSS文件，即使我编译ng build或npm run build。 ..."defaults": { "component": {}我所有的scss文件都位于不同的</e
浏览 0提问于2018-02-07得票数 3
我开始使用量角器自动化一个小的应用程序。我的问题是，我们是通过提到依赖关系来直接使用package.json创建项目，还是通过命令提示符安装selenium，然后再编写脚本。
浏览 8提问于2019-07-16得票数 0
3回答
我想将@ wanted模块重命名为angular2，因为我发现它更易读，并且想了解导入是如何工作的。{ }
})(this);import { Component } from '@angular/core';
这如</e
浏览 2提问于2016-05-13得票数 0
回答已采纳
我正在构建一个Jekyll站点，其中包含大约30个图标文件(例如苹果图标、android图标等)。它需要位于已编译站点的根目录中。将所有文件放在源Jekyll文件夹的根目录中是可能的，而且可以工作，但是在根目录中会产生很多杂乱，这是我不想要的。因此，是否可以将所有这些文件放在一个单独的文件夹中，并强制该文件夹<
浏览 0提问于2019-07-29得票数 1
回答已采纳
在angular项目中，我需要编译包含在index.html中的单独的"script.js“。这个文件需要从多个*.ts文件编译而成，这些文件被导入到一个主文件"script.ts“中。我需要把这个输出script.js放在文件夹中，那里有其他的编译文件main.js，st
浏览 23提问于2019-01-02得票数 0
我有一个angular2应用程序的示例，它带有类型记录()，但在我的项目()中没有所有的node_modules。必要的文件嵌入到head of my index.html ()中：
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0.dev.js"></scri
浏览 3提问于2016-04-01得票数 3
回答已采纳
1回答
我希望在目录中编译.pug文件，但不希望编译位于其中的子目录中的pug文件。我运行了pug.pug ./pug -o ./html命令，结果如下。.=‘3’>间接文件html帕格.=‘3’>间接文件html.=‘3’>间接文件
2.二.帕
浏览 1提问于2021-07-24得票数 1
我已经通过Angular CLI创建了Angular 2项目，并更新了组件(app.component.ts)和相应的组件测试文件(app.component.spec.ts)。这里，更新了组件(app.component.ts)以从“Angular 2 Service”(与REST API通信)获取数据。我想写一个关于组件的集成测试用例(app.component.ts)，并想从普通的单元测试用例文件(app.co
浏览 0提问于2017-03-01得票数 1
如何在我的angular2应用程序中填充dist文件夹？我当时的印象是，它在用npm构建应用程序时自动填充，但唯一被添加的文件是webpack-assets.json。我需要其他文件，如main.bundle.js和其他js和html文件，以运行我的应用程序内置到dist。
我使用的angular2启动程序是
浏览 3提问于2017-01-10得票数 0
回答已采纳
我遵循的角度2快速启动指南，这是很好的工作。但我非常不喜欢他们使用的ts编译器，也不想要我的node_modules文件夹中不需要的数十亿依赖项。因此，我决定从零开始构建我自己的角2项目，使用gulp编译/丑化/级联我的类型记录代码到一个文件。
现在，当我运行我的应用程序时，我看到“加载.”而不是“你好世界！
浏览 1提问于2016-11-21得票数 0
回答已采纳
每个模块位于一个单独的路径中，如下所示
localhost:8080/OurMainApplication/ang
浏览 1提问于2018-05-07得票数 4
我是angular 4.6的新手，我的问题是如何使用Apache-tomcat服务器运行angular 4应用程序。
浏览 0提问于2018-05-10得票数 2
我刚刚意识到，由于任务和客户端逻辑的复杂增加，我真的需要开始使用前端框架。
我真的很迷茫，我真的不知道哪里是最好的方法。我只是在考虑使用angular5来构建新特性。我的意思是，使用laravel开发一些服务(REST)，并使用它们与angular一起开发具有angular组件的特性的新视图。我认为这是没有问题的。然而，主要的问题是，如果我开始在客户机栈中为新特性和视图使用angular</
浏览 0提问于2018-06-18得票数 0
我当前的应用程序是在Angular 4中，没有使用Angular CLI。所以我从来没有Angualr.json文件或者Angular-cli.json文件。现在我们想要生成Angular CLI或angular.json文件。由于此文件不可用，因此它不接受任何ng命令，如ng serve或ng g c testing
如何在不使用ng new命令的</e
浏览 3提问于2019-03-07得票数 2
如何在与文件相同的级别输出编译的babel文件。目前，我的脚本可以读取源文件夹，并使用package.json中的代码将编译后的文件输出到单独的文件夹中，该文件夹保留了文件夹结构 "build:lib": ".我想编
浏览 7提问于2020-06-16得票数 0
回答已采纳
1回答
我正在尝试建立一个项目，结合角度2和Twig。在一个较高的水平，角度应用程序将基本上是一个站点生成器。在项目中有一个视图文件夹，它将包含许多不同的站点模板，这些模板是Twig文件。其中一个组件请求一个JSON文件，该文件提供特定的站点信息，如标题、标题、内容等。它还指定了某种配置变量，用于指示要拉哪个模板的角度。该模板与JSON中的数据相结合，并编译站点。这听起来
浏览 3提问于2017-04-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
