test/configCases/css/minimize-esbuild/style.css - main - githubmirror/webpack

test/configCases/css/minimize-esbuild/style.css
250 строк9 KB
Alexander Akait
feat(minify): more safe CSS/HTML transforms, with the name tables generated (#21581)
02 авг 2026, 13:05
02 авг 2026, 13:0523420d3
/* Ported from esbuild's `internal/css_printer/css_printer_test.go`
   (`expectPrintedMinify`). Each case is labelled with a `/*!` comment the
   minifier keeps, so the snapshot shows one case per entry.

   Two deliberate differences from esbuild show up here. webpack drops a rule
   whose block ends up empty, so a case written `{}` upstream carries a
   `color:red` here to keep exercising what it was written for — its selector.
   And webpack trims a declaration value's leading and trailing whitespace,
   custom properties included, because CSS Syntax 5.4.6 step 5 does; esbuild
   keeps it. */

/*! esbuild: @import"foo.css"; */
@import"http://example.test/foo.css";
/*! esbuild: @import "foo.css"; */
@import "http://example.test/foo.css";
/*! esbuild: @import url(foo.css); */
@import url(http://example.test/foo.css);
/*! esbuild: @import url("foo.css"); */
@import url("http://example.test/foo.css");
/*! esbuild: @import url("foo.css") (a < 1); */
@import url("http://example.test/foo.css") (a < 1);
/*! esbuild: @import url("foo.css") supports(foo) (a < 1); */
@import url("http://example.test/foo.css") supports(foo) (a < 1);
/*! esbuild: @import url("foo.css") layer; */
@import url("http://example.test/foo.css") layer;
/*! esbuild: @import url("foo.css") layer (a < 1); */
@import url("http://example.test/foo.css") layer (a < 1);
/*! esbuild: @import url("foo.css") layer supports(foo); */
@import url("http://example.test/foo.css") layer supports(foo);
/*! esbuild: @import url("foo.css") layer supports(foo) (a < 1); */
@import url("http://example.test/foo.css") layer supports(foo) (a < 1);
/*! esbuild: a { b: c !important } */
a { b: c !important }
/*! esbuild: a + b c > d ~ e{} */
a + b c > d ~ e{color:red}
/*! esbuild: :unknown( x (a+b), 'c' ) {} */
:unknown( x (a+b), 'c' ) {color:red}
/*! esbuild: :unknown( x (a-b), 'c' ) {} */
:unknown( x (a-b), 'c' ) {color:red}
/*! esbuild: :unknown( x (a,b), 'c' ) {} */
:unknown( x (a,b), 'c' ) {color:red}
/*! esbuild: :unknown( x ( a + b ), 'c' ) {} */
:unknown( x ( a + b ), 'c' ) {color:red}
/*! esbuild: :unknown( x ( a - b ), 'c' ) {} */
:unknown( x ( a - b ), 'c' ) {color:red}
/*! esbuild: :unknown( x ( a , b ), 'c' ) {} */
:unknown( x ( a , b ), 'c' ) {color:red}
/*! esbuild: :is {} */
:is {color:red}
/*! esbuild: :is() {} */
:is() {color:red}
/*! esbuild: :hover {} */
:hover {color:red}
/*! esbuild: :hover() {} */
:hover() {color:red}
/*! esbuild: a { &b {} } */
a { &b {color:red} }
/*! esbuild: a { & b {} } */
a { & b {color:red} }
/*! esbuild: a { & :b {} } */
a { & :b {color:red} }
/*! esbuild: & a & b & c {} */
& a & b & c {color:red}
/*! esbuild: $bad{ color: red } */
$bad{ color: red }
/*! esbuild: $bad { color: red } */
$bad { color: red }
/*! esbuild: $bad foo{ color: red } */
$bad foo{ color: red }
/*! esbuild: $bad foo { color: red } */
$bad foo { color: red }
/*! esbuild: * { unknown: x (a+b) } */
* { unknown: x (a+b) }
/*! esbuild: * { unknown: x (a-b) } */
* { unknown: x (a-b) }
/*! esbuild: * { unknown: x (a,b) } */
* { unknown: x (a,b) }
/*! esbuild: * { unknown: x ( a + b ) } */
* { unknown: x ( a + b ) }
/*! esbuild: * { unknown: x ( a - b ) } */
* { unknown: x ( a - b ) }
/*! esbuild: * { unknown: x ( a , b ) } */
* { unknown: x ( a , b ) }
/*! esbuild: a { b: c, d } */
a { b: c, d }
/*! esbuild: a { b: c, (d, e) } */
a { b: c, (d, e) }
/*! esbuild: a { b: c, d, e } */
a { b: c, d, e }
/*! esbuild: a { b: c, (d, e), f } */
a { b: c, (d, e), f }
/*! esbuild: *{--x:} */
*{--x:}
/*! esbuild: *{--x: } */
*{--x: }
/*! esbuild: * { --x:; } */
* { --x:; }
/*! esbuild: * { --x: ; } */
* { --x: ; }
/*! esbuild: *{--x:!important} */
*{--x:!important}
/*! esbuild: *{--x: !important} */
*{--x: !important}
/*! esbuild: *{ --x:!important } */
*{ --x:!important }
/*! esbuild: *{ --x: !important } */
*{ --x: !important }
/*! esbuild: * { --x:!important; } */
* { --x:!important; }
/*! esbuild: * { --x: !important; } */
* { --x: !important; }
/*! esbuild: * { --x:! important ; } */
* { --x:! important ; }
/*! esbuild: * { --x: ! important ; } */
* { --x: ! important ; }
/*! esbuild: * { --x:y; } */
* { --x:y; }
/*! esbuild: * { --x: y; } */
* { --x: y; }
/*! esbuild: * { --x:y ; } */
* { --x:y ; }
/*! esbuild: * { --x:y, ; } */
* { --x:y, ; }
/*! esbuild: * { --x: var(y,); } */
* { --x: var(y,); }
/*! esbuild: * { --x: var(y, ); } */
* { --x: var(y, ); }
/*! esbuild: * { --x:(y); } */
* { --x:(y); }
/*! esbuild: * { --x:(y) ; } */
* { --x:(y) ; }
/*! esbuild: * { --x: (y); } */
* { --x: (y); }
/*! esbuild: * { --x:(y ); } */
* { --x:(y ); }
/*! esbuild: * { --x:( y); } */
* { --x:( y); }
/*! esbuild: * { --x:f(y); } */
* { --x:f(y); }
/*! esbuild: * { --x:f(y) ; } */
* { --x:f(y) ; }
/*! esbuild: * { --x: f(y); } */
* { --x: f(y); }
/*! esbuild: * { --x:f(y ); } */
* { --x:f(y ); }
/*! esbuild: * { --x:f( y); } */
* { --x:f( y); }
/*! esbuild: * { --x:[y]; } */
* { --x:[y]; }
/*! esbuild: * { --x:[y] ; } */
* { --x:[y] ; }
/*! esbuild: * { --x: [y]; } */
* { --x: [y]; }
/*! esbuild: * { --x:[y ]; } */
* { --x:[y ]; }
/*! esbuild: * { --x:[ y]; } */
* { --x:[ y]; }
/*! esbuild: * { --x:{y}; } */
* { --x:{y}; }
/*! esbuild: * { --x:{y} ; } */
* { --x:{y} ; }
/*! esbuild: * { --x: {y}; } */
* { --x: {y}; }
/*! esbuild: * { --x:{y }; } */
* { --x:{y }; }
/*! esbuild: * { --x:{ y}; } */
* { --x:{ y}; }
/*! esbuild: @supports ( --x : y , z ) { a { color: red; } } */
@supports ( --x : y , z ) { a { color: red; } }
/*! esbuild: @supports ( --x : ) { a { color: red; } } */
@supports ( --x : ) { a { color: red; } }
/*! esbuild: @supports (--x: ) { a { color: red; } } */
@supports (--x: ) { a { color: red; } }
/*! esbuild: @supports ( --x y , z ) { a { color: red; } } */
@supports ( --x y , z ) { a { color: red; } }
/*! esbuild: @supports ( --x ) { a { color: red; } } */
@supports ( --x ) { a { color: red; } }
/*! esbuild: @supports ( ) { a { color: red; } } */
@supports ( ) { a { color: red; } }
/*! esbuild: @supports ( . --x : y , z ) { a { color: red; } } */
@supports ( . --x : y , z ) { a { color: red; } }
/*! esbuild: @unknown; */
@unknown;
/*! esbuild: @unknown x; */
@unknown x;
/*! esbuild: @unknown{} */
@unknown{color:red}
/*! esbuild: @unknown{ a: b; c: d; } */
@unknown{
a: b;
c: d;
}
/*! esbuild: @unknown x{} */
@unknown x{color:red}
/*! esbuild: @unknown x {} */
@unknown x {color:red}
/*! esbuild: @unknown x ( a + b ) ; */
@unknown x ( a + b ) ;
/*! esbuild: @unknown x ( a - b ) ; */
@unknown x ( a - b ) ;
/*! esbuild: @unknown x ( a , b ) ; */
@unknown x ( a , b ) ;
/*! esbuild: @charset "UTF-8"; */
@charset "UTF-8";
/*! esbuild: @keyframes name { 0%, 50% { color: red } 25%, 75% { color: blue } } */
@keyframes name { 0%, 50% { color: red } 25%, 75% { color: blue } }
/*! esbuild: @keyframes name { from { color: red } to { color: blue } } */
@keyframes name { from { color: red } to { color: blue } }
/*! esbuild: @media screen { div { color: red } } */
@media screen { div { color: red } }
/*! esbuild: @media screen{div{color:red}} */
@media screen{div{color:red}}
/*! esbuild: @media (a) {div{color:red}} */
@media (a) {div{color:red}}
/*! esbuild: @media (a) or (b) {div{color:red}} */
@media (a) or (b) {div{color:red}}
/*! esbuild: @media (a) and (b) {div{color:red}} */
@media (a) and (b) {div{color:red}}
/*! esbuild: @media not a {div{color:red}} */
@media not a {div{color:red}}
/*! esbuild: @media not a and (b) and (c) {div{color:red}} */
@media not a and (b) and (c) {div{color:red}}
/*! esbuild: @media not (a) {div{color:red}} */
@media not (a) {div{color:red}}
/*! esbuild: @media not ( (a) or (b) ) {div{color:red}} */
@media not ( (a) or (b) ) {div{color:red}}
/*! esbuild: @media not ( (a) and (b) ) {div{color:red}} */
@media not ( (a) and (b) ) {div{color:red}}
/*! esbuild: @media (width < 2px) {div{color:red}} */
@media (width < 2px) {div{color:red}}
/*! esbuild: @media (1px < width) {div{color:red}} */
@media (1px < width) {div{color:red}}
/*! esbuild: @media (1px < width < 2px) {div{color:red}} */
@media (1px < width < 2px) {div{color:red}}
/*! esbuild: @media junk(1, 2, 3) {div{color:red}} */
@media junk(1, 2, 3) {div{color:red}}
/*! esbuild: @scope { div { color: red } } */
@scope { div { color: red } }
/*! esbuild: @scope (a, .b) to (c > *) { div { color: red } } */
@scope (a, .b) to (c > *) { div { color: red } }
/*! esbuild: @font-face { font-family: 'Open Sans'; src: url('OpenSans.woff') format('woff') } */
@font-face { font-family: 'Open Sans'; src: url('http://example.test/OpenSans.woff') format('woff') }
/*! esbuild: @page { margin: 1cm } */
@page { margin: 1cm }
/*! esbuild: @page :first { margin: 1cm } */
@page :first { margin: 1cm }
/*! esbuild: div { -ms-grid-columns: (1fr)[3] } */
div { -ms-grid-columns: (1fr)[3] }
/*! esbuild: div { -ms-grid-columns: 1fr (20px 1fr)[3] } */
div { -ms-grid-columns: 1fr (20px 1fr)[3] }