如何正確部署角度應用程序（基於ngBoilerplate並使用nginx）？

Question

我發現ngBoilerplate非常容易在基於角度的Web開發中邁出第一步。 知道我正在嘗試准備部署管道，所以我使用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

我究竟做錯了什么？

Answer 1

在ngbp中，Grunt任務分為兩類：構建和編譯。 構建任務完成了運行站點所需的一切，特別是在開發過程中，並且編譯任務將文件合並並縮小了以供生產。

這里的問題是您沒有運行構建任務，而編譯任務需要運行該任務才能進行操作。 為了節省時間（請參見上面的鏈接），這些是分開的。 如果要從頭到尾（包括縮小）進行操作，只需運行grunt ，等效於運行grunt build compile 。

README假定您使用grunt build和grunt watch進行所有開發，然后您可以在部署之前簡單地運行grunt compile 。