Add scss lang support

[diogoazevedos]

<style lang="scss">
  ...
</style>

[GregPeden]

I'm pretty sure this would break the Gulp compile. The problem is not that 'lang="sass"' is in the tag, it's that the PHPstorm debug complains that the newer SCSS syntax is wrong when it's not. If you use SCSS syntax and include 'lang="sass"' it will compile but 'lang="scss"' will not.

[ZhihaoLau]

This works for me! pls pass the PR

[ZhihaoLau]

With 'lang="sass"' and scss code together also can be compiled. But my Atom don't recognize scss syntax with 'lang="sass"' tag. This PR solve my problem.

[GregPeden]

Can you compile with lang="scss"? I can't

[diogoazevedos]

@SirLamer With this changes you can compile using both languages scss and sass, but without how are using Atom with Vue will see an syntax error.

[shealan]

This fixes the error for me 👍

[diogoazevedos]

@yyx990803 can you resolve this PR?

[ZhihaoLau]

@diogoazevedos

Nope.. Just find out a better solution. In Laravel's docs, there's one line saying:

If you'd like to leverage more of Webpack's functionality, Elixir will read any webpack.config.js file that is in your project root and factor its configuration into the build process.

That means you can create webpack.config.js file in your project root, and re-run npm run dev.

module.exports = {
  vue: {
    loaders: {
      js: 'buble-loader',
      scss: 'vue-style!css!sass'
    }
  }
}

Because laravel-elixir-vue-2 will merge your webpack config using Elixir.webpack.mergeConfig.
Problem solve, pls close this PR. @yyx990803

[diogoazevedos]

@ziolau This works like a charm.