javascript - 如何正确部署 Angular 应用程序（基于 ngBoilerplate 并使用 nginx）？

Question

我发现，ngBoilerplate非常容易在基于 Angular 的 Web 开发中迈出第一步。知道我正在尝试准备我的部署管道，所以我使用 github、travis-ci 和 dockerized nginx 映像。

我认为要正确部署我的简单 Angular 网站，我只需要：

git clone https://github.com/ngbp/ngbp.git
cd ngbp/
npm install
bower install
grunt compile

然后复制bin/目录：

bin/
├── assets
│   ├── ngbp-0.3.2.css
│   ├── ngbp-0.3.2.js
│   └── README.md
└── index.html

到 nginx 目录/usr/share/nginx/html/。

不幸的是，javascript 代码出了点问题。我有错误

Error: $injector:nomod
Module Unavailable

https://docs.angularjs.org/error/$injector/nomod?p0=ngBoilerplate.home

我究竟做错了什么？

Answer 1

在 ngbp 中，Grunt 任务分为两类：构建和编译。构建任务完成运行站点所需的一切，特别是在开发过程中，编译任务连接并缩小文件以用于生产。

您的问题是您没有运行编译任务需要运行的构建任务。为了节省时间（见上面的链接），这些是分开的。如果你想从头到尾，包括缩小，只需 run grunt，相当于 running grunt build compile。

自述文件假定您使用grunt buildand进行所有开发grunt watch，之后您可以grunt compile在部署之前简单地运行。