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

Question

我已经阅读了很多关于站点文件夹结构(开发和部署)的文章和问题，但仍然对以下问题有误解。

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

橙色- 看起来像 库 或 供应商 文件夹，我想在其中存储独立组件；

Blue- 文件夹包含我自己的，相对于当前项目(应用程序)文件；

Green-准备部署文件夹，其中包含缩小和连接的文件，这些文件曾经包含在 index.html 中。

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

是否正确，最佳实践是仅部署到 Web 服务器 距离 文件夹？

我应该连接我的 bower_components & 应用 javascript 文件到单个 app.min.js 文件中？我应该将独立组件与应用程序文件和 ober 排序混淆吗？

我应该部署浏览量 带有模板的文件夹原样 进入 分布/ View 文件夹？

将所有图像(css 图像、应用程序图像、插件图像)混为一个 是否正确？分布/图像 文件夹？

存储 是否正确指令 中的模板浏览量 文件夹？

没有相对于AngularJS 客户端/app/js/common/helpers.js 文件，- 我不知道最明显的地方在哪里(可能是原型(prototype)、自定义函数或对象)

我会很高兴得到任何帮助，泰。

Answer 1

这是我使用 bower 和 gulp 为几个不同的企业 Angular SPA 使用的设置。

我的 app 文件夹和你的一样，但我的 index.html 模板也放在那里。 Gulp 使用它并注入(inject)我想要的 CSS/JS 文件(发布时的 .min 文件)。我让它在网站的根目录中放置了一个 index.html(用于调试)。

我将 bower 和 app 脚本分成 lib.min.js/app.min.js。我没有自己缩小 bower 的东西，而是连接所有的 .min 文件。我缩小并连接我的应用程序脚本。

而不是你的 dist 文件夹，我在 obj/client 中暂存所有要发布的内容(VS 自动为临时文件创建 obj 文件夹)。我没有在解决方案中包含它(我不希望它在源代码管理中)。

我没有要发布的 View 文件夹。使用 gulp，所有内容都存储在 Angular 模板缓存中(它与 app.min.js 一起放入其中)。您会看到这些也得到一个随机字符串作为后缀(用于缓存清除)。

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