Я использую пакет CSSO , чтобы минимизировать мои CSS-файлы и создать «исходную карту» для исходного файла. Это хорошо работает, когда минимизированный файл имеет только один источник, но я не могу сделать то же самое с двумя или более исходными файлами.
Я не нашел в документации «CSSO» метод, который позволил бы мневвести два CSS-файла, затем свернуть их и сгенерировать исходную карту, которая указывает на все входные файлы.
Узел Если есть способ, пожалуйста, дайте мне знать.
Поэтому я подумал сделать следующее:
const csso = require('csso');
const fs = require('fs');
// Minify all source files needed
const minifiedOne = csso.minify(fs.readFileSync('path/to/file1.css','utf8'),{
sourceMap: true
});
const minifiedTwo = csso.minify(fs.readFileSync('path/to/file2.css','utf8'),{
sourceMap: true
});
// Combine both minified files
const allMinified = minifiedOne.css + minifiedTwo.css + '/*# sourceMappingURL=output.css.map */';
// Combine both source maps
const combinedMaps = combine(minifiedOne.map, minifiedTwo.map);
// Write file with the minified code
fs.writeFile('output.min.css', allMinified, (err)=>{...});
// Write file with combined source maps
fs.writeFile('output.css.map', combinedMaps.toString(), (err)=>{...})
Проблема в том, что я не смог найти способ объединить исходные карты. Я попробовал пакет объединить-источник-карты , но безрезультатно.
Как можно объединить исходные карты, сгенерированные CSSO?.