節點手寫筆輸入結構 - bootstrap和jeet

Question

我是新來的css編譯。我目前有一個node.js應用程序使用快速和預編譯的引導程序3文件，我正在潛入Stylus中以使其更好。我想編譯Stylus並使用jeet導入引導程序以用於網格系統。

我的問題是，這項工作應該如何？我對使用grunt感到困惑，或者爲什麼一些教程顯示Stylus被用作中間件。中間件是否是實時編譯的，爲什麼我需要它？

而且我跑npm install bootstrap-styl和npm install jeet，但我不知道如何在我的styles.styl引用這些（如果我做@import bootstrap，它無法找到文件）

我的想法是，我想以某種方式將導入鏈接到我的node_modules，因此它們可以流暢地更新（我不想只複製node_modules文件夾中的bootstrap .styl文件，對吧？）。這是我會用Grunt的嗎？

Answer 1

well grunt是一個任務運行器程序，可以讓你編寫任務來運行，它可以自動執行（如果指定）或手動任務。

Grunt可以監視文件/文件夾的變化，並調用一些功能或任務（如果您願意）就像在node.js中執行fileWatch函數（在fs模塊中）一樣，並且任務可以是真正從導入jeet編譯前運行測試並刷新瀏覽器。在你的情況下，最好使用grunt來執行自動操作（導入jeet文件並編譯它）。 Grunt易於使用，你可以看看https://www.npmjs.com/package/grunt-contrib-stylus它有你需要使用手寫筆咕嚕的信息。

確保你的npm install grunt-cli && npm install grunt grunt-contrib-stylus --save-dev安裝grunt命令行命令和另一個爲您的項目。

然後在您的項目的根目錄下，您創建了一個gruntfile.js並將您的grunt任務放在那裏，您可以通過谷歌搜索關於它的一些文章，非常簡單。