如何在我的项目中组织我自己的 Angular 1.x 模块（我正在使用打字稿）？

Question

我正在编写一个 Angular 应用程序，我需要为其创建一些 Angular 模块（读取服务和指令）。问题是我希望它们可重复使用，并希望可以使用bower 安装在我的其他项目中。

示例： 假设我正在为我的 Angular 项目（使用 PHP 作为后端）创建这两个指令。这只是举例，我实际上会创建很多这样的模块。

1. 角度图像增强器（角度图像增强器指令）
2. Angular 会话管理器（angular-session-mananger service）

我的应用程序的结构是这样的

???? app ???? model ???? view ???? controller Homepage.php ???? public ???? static ???? bower_components ???? angular angular.js ???? jquery ???? vendor ???? composer ???? symfony ???? monolog ???? (other php modules)

问题 #1： 我应该在哪个目录中存储我正在创建的 AngularJs 模块？我应该在public > static > bower_components 下创建angular-image-enhancer 目录吗？

问题 #2： 我希望使用 bower 将我创建的这些模块导入到我的其他项目中，例如 bower install angular-image-enhancer（即在项目部署期间也使用 bower 安装它们）

问题 #3： 我正在使用 Typescript 编写我的 Angular 模块。我怎样才能做到这一点，以便我可以拥有src 和dist 文件夹以及angular-image-enhancer > src 文件夹中的.ts 文件和编译的js 文件自动 放分别在angular-image-enhancer > dist文件夹中？

附：我正在使用PhpStorm，以防万一这对任何人都很重要。

感谢您的帮助！

Answer 1

以下是我的建议：

虽然 MVC 文件夹结构看起来很吸引人，但在涉及大型 Angular 项目时却缺乏可移植性。更好的方法是使用每个模块的目录。这样您就可以轻松地导航和以后重用组件。

显然这些文件是静态的，因此它们可以存储在静态文件夹中。

要让您的模块可以通过 bower 使用，您必须使用 bower register 它们。

不幸的是，我没有使用打字稿的经验。