1

I'm using Visual Studio 2015 and I just installed Bundler & Minifier extension to minimize HTML, JS and CSS code.

When I ran my project I get a lot of errors.. here I'm showing some of them.

This is en example of my code:

@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@charset "UTF-8";

This are the errors:

@import not allowed here.

@charset not allowed here.

(Bundler & Minifier) Expected expression, found '}'

Do you have any idea to solve this issue?

Lorena Pita
  • 1,366
  • 1
  • 17
  • 20

1 Answers1

2

This answer helped me a lot.

Minification failed. Returning unminified contents

@Import must always be first in the CSS document. When you bundle multipule CSS files together, it chains them into a single bundled css file. Since the second css file added to my bundle, in bundle config, contained an @Import at the start, as the files were chained together the @import appeared towards the middle of the newly merged document. Once I changed the bundle order the issue was resolve.

Lorena Pita
  • 1,366
  • 1
  • 17
  • 20