如何正确部署角度应用程序（基于ngBoilerplate和使用nginx）？

Question

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

我认为要正确部署我的简单角度网站，我必须：

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任务分为two categories：构建和编译。构建任务执行运行站点所需的一切，特别是在开发时，编译任务连接并缩小文件以进行生产。

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

自述文件假定您使用grunt build和grunt watch进行所有开发，之后您只需在部署之前运行grunt compile。