如何轉換？ [semanticui.less to semanticui.css]

Question

我正在使用語義用戶界面較少的版本，並嘗試使用gulp進行編譯，但無法執行此操作。

有人可以給我一個想法如何做到這一點？

Answer 1

您需要設置一個構建任務來觀察您正在處理的文件並將您的較少內容處理爲css。看看咕嚕http://gruntjs.com/getting-started（或交替地咕嘟咕嘟，這是另一個偉大的任務運行）

下面是有關與繁重的自動化工作流程的文章：http://kappataumu.com/articles/grunt-automate-your-webdev-workflow.html

這是步兵將用來處理實際模塊的少：https://www.npmjs.com/package/grunt-contrib-less 但它會自動執行此操作，一旦你有它設置

Answer 2

請閱讀Getting Started指南語義UI來學習如何使用它構建系統。

總之，你需要做以下步驟：

1. Install Node.js for your platform，如果你不已經擁有了它。

2. 使用NPM安裝一飲而盡，Node.js的包管理器：

   npm install -g gulp

3. 下載語義的用戶界面和導航到其目錄：

   cd semantic-ui

4. 安裝所有項目依賴關係：

   npm install

5. 運行安裝程序。當你第一次運行一飲而盡在語義UI目錄不帶參數的安裝程序會自動運行：

   gulp

6. 按照安裝程序的步驟來配置語義UI按您的需求。

7. 在這之後，你應該能夠使用以下一飲而盡任務：

   • gulp build從其來源重建語義UI（包括其減檔）
   • gulp watch看在源代碼更改需要時文件，並自動建立（或者你可以只使用gulp）
   • gulp install重新運行安裝程序