DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

|<- [[Hinting your code with Grunt]]|[[Bundling client scripts with Browserify]] ->|

Préprocesser du LESS

<code>npm install grunt-contrib-less --save-dev</code>

Automatiser les préfixes

<code>npm install grunt-autoprefixer --save-dev</code>

<code>
// GruntFile.js

module.export = function(grunt) {
  grunt.initConfig({
    jshint: {
      (...)
    },
    less: {
      production: {
        files {
          "public/css/style.css": ["less/*.less"]
        },
      },
    },
    autoprefixer: {
      single_file: {
        src: "public/css/style.css",
        dest: "public/css/style.css"
      }
    },
  });
  grunt.loadNpmTasks("grunt-contrib-jshint");
  grunt.loadNpmTasks("grunt-contrib-less");
  grunt.loadNpmTasks("grunt-autoprefixer");

  grunt.registerTask("css", ["less", "autoprefixer"]);
  grunt.registerTask("default", ["jshint"]);
};
</code>

On appelle la tâche css (process+prefix) :

<code>grunt css</code>