如何正确部署角应用程序(基于ngBoilerplate和使用nginx)？

Question

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

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

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任务被分解为两类：build和compile。构建任务完成了运行站点所需的一切，特别是在开发过程中，编译任务连接和缩小了用于生产的文件。

这里的问题是，您没有运行编译任务，编译任务需要编译任务才能操作。为了节省时间(见上面的链接)，它们是分开的。如果您想从头到尾，包括缩小，只需运行grunt，这相当于运行grunt build compile。

自述假设您使用grunt build和grunt watch完成所有的开发，之后您可以在部署之前简单地运行grunt compile。