如何使用gruntjs來縮小css

我想通過終端使用gruntjs和grunt-css插件來縮小外部css腳本。如何使用gruntjs來縮小css

的代碼我運行：

grunt --cssmin ../style.css > ../style1.css

我這樣做對嗎？我誤解Grunt用於什麼？

謝謝！

這是我生成的style1.css的樣子......它沒有被縮小......我不確定它是什麼，但它正在做一些事情。

[31m<[39m[33mWARN[39m[31m>[39m [33mTask "cssmin" not found. Use --force to continue.[39m [31m</[39m[33mWARN[39m[31m>[39m

[31mAborted由於警告。[39米

來源

2012-10-09 im_benton

那麼，你是否得到一個錯誤？如果是這樣，那是什麼。如果你不是，你的'style1.css'看起來不同嗎？ – tkone

@tkone我添加了錯誤。 –

這不完全是如何咕嚕的作品。 Grunt使用grunt文件（v0.3中的grunt.js和v0.4中的Gruntfile.js）來配置構建指令。首先創建一個grunt文件，grunt init:gruntfile並在那裏指定你的css min目標。我建議閱讀Grunt文檔中的入門指南： https://github.com/gruntjs/grunt/wiki/Getting-started

您可以直接使用Sqwish（使用什麼grunt-css）來完成上述操作。用npm install -g sqwish安裝sqwish，然後鍵入：sqwish -o ../style1.css ../style.css。閱讀更多關於Sqwish這裏：https://github.com/ded/sqwish

來源

2012-10-09 16:39:48

如何使用gruntjs來縮小css

回答

相關問題