2014-12-17 2 views
0

Я использую grunt-contrib-less для компиляции меньшего количества файлов.Как установить выходной пункт источника исходной карты CSS, когда используется grunt-contrib-less

У меня есть грунт локально установлен в корневой папке проекта.

Файлы css расположены по адресу qa1/avinash/html5/phase1/css/ путь от корня папки проекта.

Таким образом, это путь, который я указываю для cwd (текущий рабочий каталог), src и dest параметров задачи без воинства. в компиляции css и исходной карты нет никаких проблем.

Единственная проблема, с которой я сталкиваюсь, заключается в том, что исходная карта создается в той же папке файла grunt. но мой сгенерированный css находится на указанном указанном пути dest. поскольку css и исходная карта находятся в разных местах, мне нужно вручную отредактировать менее ссылки на пути в исходной карте и привести ее в сгенерированный каталог css. или используйте sourceMapURL, чтобы указать исходную карту ../../../../../style.css.map (назад). Оба способа не удобны.

Так может кто-нибудь помочь мне, как указать исходный путь выходной карта назначения, как мы указываем на пути назначения для сгенерированных CSS что-то вроде

sourceMapDest: 'qa1/avinash/html5/phase1/css/' 

-

, используемых в настоящее время Gruntfile.js :

module.exports = function(grunt) { 
    grunt.initConfig({ 
     less: { 
      options: { 
       sourceMap:true, 
       sourceMapFilename: "style.css.map", 
       sourceMapURL: '../../../../../style.css.map' 
      }, 
      src: { 
       // no need for files, the config below should work 
       expand: true, 
       cwd: "qa1/avinash/html5/phase1/css/", 
       src: "style.less", 
       dest: "qa1/avinash/html5/phase1/css/", 
       ext: ".css" 
      } 
     }, 
     watch: { 
      js: { 
       files: ['qa1/avinash/html5/phase1/css/'], 
       tasks: ['default'], 
      } 
     } 
    }); 
    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default', ['less']); 
}; 
+0

Просто используйте этот путь для опции 'sourceMapFilename'? То есть 'sourceMapFilename:" your_path_of_interest \ style.css.map "'. –

+0

@ seven-phase-max Большое спасибо, это сработало. Пожалуйста, укажите это как ответ, а не комментарий. Я буду его продвигать –

ответ

1

Опцияможет также включать в себя часть пути. I.e. просто измените его на:

sourceMapFilename: "qa1/avinash/html5/phase1/css/style.css.map"