Менее SourceMap расположение файла относительно файловой системы, а не сайт

Question

У меня есть файл структуру, которая выглядит следующим образом (упрощенный для краткости):

/less/ 
    /styles.less 
/public/ 
     /css/ 
      /styles.css 
      /styles.css.map 
     /images/ 
     index.php 
/gruntfile.js 

Gruntfile.js:

less: { 
    options: { 
     sourceMap: true, 
     sourceMapFilename: 'public/css/styles.css.map', 
     sourceMapURL: '/css/styles.css.map', 
     sourceMapRootpath: '/' 
    } 
    files: { 
     'public/css/styles.css': 'less/styles.less' 
    } 
} 

В индексном файле : <link rel="stylesheet" href="/css/styles.css">

Сейчас в Дев инструментов, он ищет styles.less в http://localhost:3845/less/styles.less, который не существует, так как только /public/ ех представленный на веб-сайте.

Он использовался для правильного отображения файлов на моем локальном компьютере без каких-либо дополнительных шагов, но больше не работает. Я не уверен, что произошло или как настроить его так.

Я использую последнюю версию grunt-contrib-less (1.0.0).

Answer 1

Браузер не может читать меньше папку, так что удалить ваши Less файлы в общей папке (или предоставить доступ к веб-сервера в папку less)

В качестве альтернативы комплект меньше, в source-map-less-inline и source-map-map-inline варианты:

options: { 
sourceMap: true, 
sourceMapFileInline: true, 
outputSourceFiles: true 
} 

Вышеприведенная информация помещает карту с содержимым ваших файлов меньшего размера в файлы CSS.