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

Question

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

我正在使用 Visual Studio 2017。我想使用 angular-cli 构建一个 asp.net core web 项目的 UI。当我使用 angular-cli 创建 Angular 应用程序时，webpack 已经被选为我的应用程序的打包工具。

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

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

• 什么是karma.conf.js做什么？
• 都是*.bundle.js吗从 webpack 生成的文件？如果不是，他们为什么会出现在那里？

这是我的文件树的屏幕截图，显示了 *.bundle.js文件。

Answer 1

Angular CLI 在后台使用 webpack——你不需要自己配置或使用 webpack。您所有的交互都应该通过角度 CLI，例如:

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

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

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

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

您需要将 Angular 前端和 .NET Core 后端视为单独的项目，就像一个网站 (angular) + 一个 API (.NET Core)。