У меня есть файл структура, которая выглядит следующим образом (упрощенно для краткости):Менее SourceMap путь абсолютных файлов с использованием Grunt
/less/
/styles.less
/public/
/css/
/styles.css
/styles.css.map
/gruntfile.js
Gruntfile.js:
less: {
options: {
sourceMap: true,
sourceMapFilename: 'public/css/styles.css.map',
sourceMapURL: 'less/styles.less'
}
files: {
'public/css/styles.css': 'less/styles.less'
}
}
В HTML файл: <link rel="stylesheet" href="/css/styles.css">
Теперь проблема заключается в том, что в dev-инструментах styles.less
указывает на /css/less/styles.less
. Это явно не так, как должно быть /less/styles.less
. Но я могу показать, что он указывает на корень проекта.
Я пробовал sourceMapBasepath
и sourceMapRootpath
вариантов без везения.
Мысли?
Другое дело в моем файле CSS (/css/styles.css
), я получаю это:
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjp... */
Почему выход base64? Я думал, что он должен просто указывать на файл styles.css.map
.
У меня есть 'sourceMapBasepath: '/' '. Не повезло. И не должно 'sourceMapFilename: 'public/css/styles.css.map'' заботиться о проблеме base64? – dmathisen
ну, да, я быстро ответил на ваш вопрос. установите 'sourceMapRootpath: '/'' вместо 'sourceMapBasepath'. –
Спасибо. Теперь, кажется, указывается меньше файла на правильный путь ('/ less/styles.less'). Но хром бросает 404 на файл, и я до сих пор получаю base64 sourceMappingUrl. – dmathisen