All geek questions in one place

Import syntax error causes into scss using Visual Studio

I imported into my Visual Studio 2013 a template that I purchased using scss. Then I installed the latest web basics for using this feature, but I'm struggling with it.

Here is an example of my structure

main.scss /* imports several child scss */ @import 'helpers/sub1'; @import 'helpers/sub2'; @import 'helpers/sub3';

My problems arise when in a child scss this refers to another scss. See print screen below.

This my scss with the import causing the errorThis is without the import

+6
source share
1 answer

I found issues like this all the time when using Web Essentials to compile SASS. In my opinion, SASS compilation has always been a bit flaky in Web Essentials. In fact, they decided to remove the compilation from Web Essentials 2015 (see 2015.0.2 in changelog )

I ended up uninstalling Web Essentials in favor of compiling with Grunt and using the Run Runner Explorer in Visual Studio to control the operation of my Grunt task. I found this a much better way to compile.

If you want to learn in detail how to implement this with Grunt and Task Runner Explorer, I wrote a post about it

0
source

Source: https://habr.com/ru/post/978194/

More articles:


All Articles