Asp.Net MVC Bundling & Minification - problem z Bootstrap4

0

Cześć,
W swojej aplikacji MVC korzystam z Bundling & Minification (BundleConfig.RegisterBundles) co by mieć wszystko w jednej paczce. Postanowiłem dodać własny (zmodyfikowany) styl css z bootstrap 4. Bundle wynikowy pokazuje błąd:

/* Minification failed. Returning unminified contents.
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3563,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3571,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3591,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3606,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4270,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4271): Scanner error CSS1002: Unterminated string: ");
(4318,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4319): Scanner error CSS1002: Unterminated string: ");
(5930,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(5934,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
 */

No i w efekcie plik (bundle) nie jest zminimalizowany. Ktoś wie jak sobie z tym poradzić?
RM

0

Problem jest pewnie w tym co dorobiłeś. Pokaż tego css'a

0
szydlak napisał(a):

Problem jest pewnie w tym co dorobiłeś. Pokaż tego css'a

Problem jest również z oryginalnym css'em bootstrapa. Specjalnie to sprawdziłem na samym początku żeby sprawdzić czy to właśnie ja coś nie namieszałem...
A co do zmian to generalnie korzystam z sass i tam zmieniłem tylko wartości kilku zmiennych...

0

A co do zmian to generalnie korzystam z sass i tam zmieniłem tylko wartości kilku zmiennych...

Może próbujesz minifikować plik zanim go przejedzie SASS i wygeneruje ostateczny CSS? Bo błędy składni, jakimi ci rzuca tutaj, mogły by na to wskazywać.

0
Ktos napisał(a):

A co do zmian to generalnie korzystam z sass i tam zmieniłem tylko wartości kilku zmiennych...

Może próbujesz minifikować plik zanim go przejedzie SASS i wygeneruje ostateczny CSS? Bo błędy składni, jakimi ci rzuca tutaj, mogły by na to wskazywać.

Też tak myślałem ale wziąłem oryginalny plik css bootstrapa, którrego już nie przepuszczałem przez żaden preprocesor i efekt był ten sam. Problem jest np. w tym:

  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;

Co ciekawsze problem leży tylko w sytuacji gdy proces minifikacji realizowany jest w BundleConfig.RegisterBundles. Inne sposoby (np.Web Compiler) nie mają tego problemu

0

Te rzeczy to nie jest element CSS. W plikach CSS nie ma takiej składni.

0
Ktos napisał(a):

Te rzeczy to nie jest element CSS. W plikach CSS nie ma takiej składni.

No sam tego nie dopisałem...

Wersja Bootstrap 4.1.1.:
Link z oficjalnej strony Bootstrapa.

0

No dobra - znalazłem obejście problemu. Do bundle biorę plik już zminifikowany za pomocą Web Compiler a w RegisterBundles dodałem

Transforms.Clear()

Dzięki za zainteresowanie.

1 użytkowników online, w tym zalogowanych: 0, gości: 1