O ile mi zrozumieć konfiguracja generuje następujący kod sourcemap:
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4ubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFLHlCQUFBIiwiZmlsZSI6Im1haW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAndmFycyc7XG5cbmJvZHl7XG4gIGJhY2tncm91bmQtY29sb3I6IEBibGF1O1xufVxuIl0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */
Zakodowany wersja:
{"version":3,"sources":["main.less"],"names":[],"mappings":"AAEA;EACE,yBAAA","file":"main.css","sourcesContent":["@import 'vars';\n\nbody{\n background-color: @blau;\n}\n"],"sourceRoot":"/source/"}
Twój vars.less
nie generuje wyjście do CSS i tak nie powinny być uwzględnione w sourcemap.
tak szybko, jak vars.less
generuje wyjście, na przykład dodać .selector {p:1;}
na końcu tego pliku, plik zostanie także zawarte w mapie źródło:
{"version":3,"sources":["vars.less","main.less"],"names":[],"mappings":"AACA;EAAW,IAAA;;ACCX;EACE,yBAAA","file":"main.css","sourcesContent":["@blau : #6621ab;\n.selector {p:1;}\n","@import 'vars';\n\nbody{\n background-color: @blau;\n}\n"],"sourceRoot":"/source/"}
Zauważ, że kompilator lessc ma inną opcję mapy źródło:
--source-map[=FILENAME] Outputs a v3 sourcemap to the filename (or output filename.map)
--source-map-rootpath=X adds this path onto the sourcemap filename and less file paths
--source-map-basepath=X Sets sourcemap base path, defaults to current working directory.
--source-map-less-inline puts the less files into the map instead of referencing them
--source-map-map-inline puts the map (and any less files) into the output css file
--source-map-url=URL the complete url and filename put in the less file
w haustem-sourcemaps wyprowadza taki sam wynik jak kompilacji z obu --source-map-less-inline
i --source-map-map-inline
opcji
Hi Bass !! Zastępując 'gulp.src ('./ less/main.less')' z 'gulp.src ('./ less/*. Less')' jego generujący plik vars.css, z własnym sourcemappingiem. Następnie, włączając vars.css do mojego html, widzę, że to źródło: D Dou, znasz jakąkolwiek technikę włączania vars.less sourcemping do main.css, więc muszę tylko dołączyć jeden plik? Dziękuję za Twój czas! – Karlas