Adiciona estrutura que facilita instalação e compilação de less para css.

lucianoratamero · lucianoratamero · commit 63d86ed7ef57 · 2016-02-16T12:27:21.000-02:00
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,40 @@
+'use strict';
+
+module.exports = function (grunt) {
+    // load all grunt tasks
+    grunt.loadNpmTasks('grunt-contrib-less');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+    grunt.loadNpmTasks('grunt-contrib-cssmin');
+
+    grunt.initConfig({
+        watch: {
+            // if any .less file changes in directory "public/css/" run the "less"-task.
+            files: ["assets/static/less/**/*.less"],
+            tasks: ["less", "cssmin"]
+        },
+        // "less"-task configuration
+        less: {
+            // production config is also available
+            development: {
+                options: {
+                    // Specifies directories to scan for @import directives when parsing.
+                    // Default value is the directory of the source, which is probably what you want.
+                    paths: ["assets/static/less/"],
+                },
+                files: {
+                    // compilation.css  :  source.less
+                    "assets/static/css/main.unminified.css": "assets/static/less/main.css.less"
+                }
+            },
+        },
+        cssmin: {
+            target: {
+                files: {
+                    'assets/static/css/main.css': ['assets/static/css/main.unminified.css']
+                }
+            }
+        },
+    });
+     // the default task (running "grunt" in console) is "watch"
+     grunt.registerTask('default', ['watch']);
+};
diff --git a/README.md b/README.md
@@ -20,15 +20,20 @@ lektor build -O /path/to/build/
 Sendo que o diretório informado depois do parâmetro -O irão conter os novos estáticos gerados pelo Lektor.
 
 ## Estilização (CSS)
-Utilizamos o LESS e um plugin para minificação:
+Utilizamos o LESS e um plugin para minificação. Para poder usar, temos que instalar as dependências do npm:
 
 ```
-npm install -g less
-npm install -g less-plugin-clean-css
+npm install
 ```
 
-Enquanto não automatizamos esse processo, para gerar o CSS é preciso executar o seguinte comando dentro da pasta `static`:
+Para rodar a compilação manualmente, é só usar o seguinte comando:
 
 ```
-lessc --clean-css="-b --compatibility=ie8 --advanced" less/main.css.less css/main.css
+npm run build:css
+```
+
+Caso você queira rodar um watcher, que vai observar todos os arquivos less e compilá-los quando notar que você salvou algum deles, usa esse comando aqui, ó:
+
+```
+npm run watch:css
 ```
diff --git a/package.json b/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "pythonrio.github.io",
+  "version": "1.0.0",
+  "description": "",
+  "main": "",
+  "dependencies": {},
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-cli": "^0.1.13",
+    "grunt-contrib-cssmin": "^0.14.0",
+    "grunt-contrib-less": "^1.2.0",
+    "grunt-contrib-watch": "^0.6.1",
+    "less": "^2.6.0",
+    "less-plugin-clean-css": "^1.5.1"
+  },
+  "scripts": {
+    "lessc": "./node_modules/.bin/lessc",
+    "grunt": "./node_modules/.bin/grunt",
+    "build:css": "npm run lessc --clean-css='-b --compatibility=ie8 --advanced' assets/static/less/main.css.less assets/static/css/main.css",
+    "watch:css": "npm run grunt"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pythonrio/pythonrio.github.io.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "homepage": "https://pythonrio.github.io/"
+}
