我可以在不使用 webpack 的情况下构建 Angular 2 项目吗?

Can I build an Angular 2 project without using webpack?

我是 angular2 和网络应用程序开发的新手。我发现很难使用 webpack 进行开发。

我正在使用 Visual Studio 2017。我想使用 angular-cli 构建一个 asp.net 核心 Web 项目的 UI。当我使用 angular-cli 创建一个 Angular 应用程序时,webpack 已经被选为我的应用程序的捆绑工具。

有没有一种方法可以使用比 webpack 更简单的包来设置 Angular 应用程序?

我对 karma.conf.js 和出现在我项目的 dist 文件夹中的所有 *.bundle.js 文件也有些困惑。

这是我的文件树的屏幕截图,其中显示了 *.bundle.js 个文件。

Angular CLI 在后台使用 webpack - 你不需要自己配置或使用 webpack。您的所有互动都应通过 angular CLI,例如:

  • ng serve 到 运行 您在网络浏览器中的本地应用程序
  • ng build 将构建输出到您的 dist 文件夹,您可以在实时托管服务器上发布该构建
  • ng generate component components/navigation 创建一个名为 navigation
  • 的新组件

您可以安全地忽略 src 文件夹之外的几乎所有内容。其他一切都是生成的。这些文件是必需的,但您不需要编辑它们。

Karma 用于单元测试,您可以在学习时安全地忽略 karma Angular。

如果您希望在 .NET 项目中使用 Angular,请将其保存在名为 frontend 或类似名称的子文件夹中,以防止文件混淆。

您需要将 Angular 前端和 .NET Core 后端视为单独的项目,例如网站 (angular) + API (.NET Core) .