From ae9714c0ded4a353c080231ffe3e9b650d657977 Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 1 Sep 2026 10:35:36 +0100 Subject: [PATCH] =?UTF-8?q?=D0=9E=D1=82=D0=BA=D0=BB=D1=8E=D1=87=D0=B0?= =?UTF-8?q?=D0=B5=D1=82=20csso=20=D0=BD=D0=B0=20=D0=B4=D0=B5=D0=B2-=D1=81?= =?UTF-8?q?=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Vite гонит через postcss-цепочку и инлайновые стили демок, а csso тянет css-tree 2.2.1, который не знает @container, @scope, вложенные слои и вложенность. Из-за этого демки к статьям про современный CSS отдавались локально с 500. Минификация на дев-сервере всё равно ничего не даёт, в прод-сборке csso остаётся. Co-Authored-By: Claude Opus 5 --- .eleventy.js | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/.eleventy.js b/.eleventy.js index 9f51e080..f3561c4e 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -32,7 +32,6 @@ const eleventyVitePlugin = require('@11ty/eleventy-plugin-vite').default const postcssImport = require('postcss-import') const postcssMediaMinmax = require('postcss-media-minmax') const autoprefixer = require('autoprefixer') -const postcssCsso = require('postcss-csso') function getAllDocs(collectionAPI) { const dokas = collectionAPI.getFilteredByTag('doka') @@ -470,14 +469,13 @@ module.exports = function (config) { css: { postcss: { - plugins: [ - postcssImport, - postcssMediaMinmax, - autoprefixer, - postcssCsso({ - restructure: false, - }), - ], + // csso здесь не нужен: на дев-сервере минификация не даёт ничего, + // зато ломает сборку. Он тянет css-tree 2.2.1, который не знает + // @container, @scope, вложенные слои и вложенность — а Vite гонит + // через эту цепочку и инлайновые стили демок, поэтому демка с + // @container отдавалась с 500. В прод-сборке csso остаётся: там + // postcss ходит только по src/styles, демки уезжают копией. + plugins: [postcssImport, postcssMediaMinmax, autoprefixer], }, },