Cannot compile *.vue modules with SCSS about laravel-elixir-vue-2 HOT 4 CLOSED

Well, it makes sense, because you're using SASS - this is what the extension language is called. .sass and .scss simply differentiate between old and new notation, but the language itself is still SASS. That is what I'm using in native Webpack config with vue-loader and it works just fine.

Not an issue IMHO.

from laravel-elixir-vue-2.

It seems that this is an issue of vue-for-idea plugin and not of the laravel-elixir-vue-2 plugin as I faulty stated. In addition, there is allready a pull request #12 that maybe solves this problem

from laravel-elixir-vue-2.

I have the same situation. When I use <style lang="sass" ...> instead of <style lang="scss" ....> in my Vue component style tag, the module is successfully compiled, but I still have allot of syntax errors in my Vue component style tag that are marked by red lines. It works fine but looks not very comfortable.

Vue.js Plugin installation in PhpStorm did not solve my problem.

from laravel-elixir-vue-2.

@CodeLookBook if you want to use saas instad of scss you have to use the sass syntax (indented syntax, no curly braces). Please have a look here as well

The new main syntax (as of Sass 3) is known as “SCSS” (for “Sassy CSS”), and is a superset of CSS3's syntax. This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss. The second, older syntax is known as the indented syntax (or just “Sass”)

from laravel-elixir-vue-2.