如何使用uncss用一個單頁阿迪·奧斯馬尼MEAN堆棧應用

Question

我創建利用平均堆棧，它是由約曼angular-fullstack

產生我很想包括uncss我咕嚕建立一個應用程序。

不幸的是，這是不可能的，因爲該網站是SPA。
我讀過，我可以生成一個站點地圖，然後通過uncss使用它;然而，有人可能會執行uncss並幫助我完成這個過程，因爲我不知道如何真正開始？

Answer 1

這可以通過uncss在命令行或grunt-uncss ...雖然後者有公開問題。您提到的grunt-uncss頁面上的示例使用WordPress站點地圖很有幫助，但不清楚如何解決SPA的問題。希望這有助於。

1）命令行

隨着docs on the github page解釋，你現在可以URL的傳球直接進入uncss生成CSS輸出。你可以通過URL對uncss而不是文件...

因此，如果您的SPA是很簡單的，你可以使用核心uncss應用程序是這樣的：

uncss http://localhost:3000/mycoolapp > stylesheet.css

2）咕嚕-uncss

在寫這個答案時，有open issue與grunt-uncss需要知道使用uncss通過grunt。

儘管url選項已折舊，但將URL放入file陣列的替代方法將不起作用，因爲存在未解決的問題。但是，url選項可以是still be used，以便可以檢查URL數組。在這種情況下，Gruntfile.js就會有這樣一段：

uncss: { 
    dist: { 
    options: { 
     ...some options... 
     urls   : ['http://localhost:3000/mycoolapp', '...'], // This is the line you need 
     ...even more options... 
    }, 

在urls的陣列將需要包含一個網址列表。鑑於此插件仍處於開發階段，你應該看GitHub的網頁，讓您通知潛在的重大更改，因爲它是建立在v.0.3.x ...

有兩點需要注意：

• phantom.js將用於這個處理，所以只要你的SPA足夠友好，幻像就可以完成它的工作......這應該適合你。
• 您必須手動輸入網址列表，這是關於grunt-css頁面的WordPress示例自動執行的內容......所以如果您可以進行類似的自動化操作，生活將變得更加簡單。