ASP.NET MVC、AngularJS、Bower 和部署站点文件夹结构

我读过很多有关站点文件夹结构（开发和部署）的文章和问题，但仍然误解了下面的问题。

我标记了当前的文件夹结构：

• 橙色-看起来像lib or vendor文件夹，我想在其中存储独立组件；
• Blue- 文件夹包含我自己的、相对于当前项目（应用程序）的文件；
• 绿色-准备部署文件夹，其中包含缩小和连接的文件，这些文件曾经包含在index.html中。

有几个问题我想找到答案：

• 最佳实践是仅部署到 Web 服务器，这是正确的吗dist folder?
• 我应该连接我的凉亭组件 & appjavascript 文件合并到单个 app.min.js 文件中？我应该将独立组件与应用程序文件和 ober 顺序混在一起吗？
• 我应该部署吗views包含模板的文件夹as is into 距离/视图 folder?
• 将所有图像（css 图像、应用程序图像、插件图像）整合为单个图像是否正确距离/图像 folder?
• 保存是否正确指示中的模板views folder?
• 与AngularJS没有关系客户端/app/js/common/helpers.js文件，-我不知道最明显的地方在哪里（可能是原型、自定义函数或对象）

我很乐意提供任何帮助，蒂。

这是我的设置，我使用 Bower 和 gulp 用于一些不同的企业 Angular SPA。

我的应用程序文件夹与您的类似，但我也将我的index.html 模板保留在那里。 Gulp 使用它并注入我想要的 CSS/JS 文件（当我发布版本时为 .min 文件）。我让它在网站的根目录中放置一个index.html（用于调试）。

我将 Bower 和应用程序脚本分离到 lib.min.js / app.min.js 中。我没有自己缩小 Bower 的内容，而是连接所有 .min 文件。我缩小并连接我的应用程序脚本。

我将所有要发布的内容放在 obj/client 中，而不是您的 dist 文件夹（VS 自动为临时文件创建 obj 文件夹）。我不将其包含在解决方案中（我不希望将其包含在源代码管理中）。

我没有可供发布的视图文件夹。使用 gulp，所有内容都存储在 Angular 模板缓存中（它与 app.min.js 一起放入其中）。您会看到它们还获得一个随机字符串作为后缀（用于缓存清除）。

最后，我的部署仅包含index.html、app（在您的情况下为dist）和bin 文件夹以及web.config。我排除了 gulpfile、bower.json 等。