2016-07-03 56 views
-1

我使用「yo angular」與grunt sass bootstrap創建了「yeoman」的角度應用程序。如何在生產中構建yeoman「角度發生器」應用程序?

但隨着node_mudules bower_component和所有開發功能空項目200mo大小

如何建立我的生產應用程序,包括壓縮CSS/JS只保留使用和需要的Dependance。

編輯

我不明白-1,萬人使用角度發電機由自耕農,我無法找到一個構建教程這個特定的發電機。

grunt build似乎工作,但網站顯示不好。

grunt serve:dist構建和grunt build

的開發應用程序(它只是yo angular空項目)

grunt serve後,它的工作原理,我可以導航

enter image description here

上投放,但同樣的問題跑

grunt serve:dist之後,它不起作用,我無法導航,看起來像「bower_components」沒有建好

enter image description here

+0

爲什麼你要建立自我?你可以直接安裝它。 – mkkhedawat

回答

2

如果你正在使用grunt做:「grunt build」或者「grunt serve:dist」,構建後你會得到一個dist文件夾,裏面的所有東西都是你生產的應用程序包括minify css/js,你不需要了。並指定爲未知原因「喲角」添加jQuery的「devDependencies」,但不是在「依賴」 bower.json在你的項目。

您不需要部署項目文件夾中的所有內容。希望它有幫助。

+0

grunt build創建一個dist文件夾,但該網站顯示不好。 – amdev

+0

好的,在index.html中包含/導入任何圖片或JS項目依賴。檢查index.html。 –

+0

顯示不好.--您需要檢查併發布錯誤的控制檯日誌。 –

0

你並不需要部署一切從你的項目文件夾。你可以找到關於這個page的信息。

0

正在使用和跟蹤您在index.html或css(圖像或字體)中包含/導入的文件。部署後休息都是沒用的。

0

run gulp --production。它會清理dist文件夾(如果存在),然後將縮小和放大的文件移動到那裏。