Как импортировать scss в компонент .vue?

Question

[pegas]

Не получается импортировать файл в компоненте .vue. Установил всё что нужно - npm install -D sass-loader node-sass.
Внутри секции style синтаксис scss работает отлично, но если хочу импортировать то ошибка.

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

Вот мои rules в Вебпаке

rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader',
        ]
      },
      {
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ]
      }
    ]

Answer 1

[Ilya]

так внутри надо импорт писать как в css

<style lang="scss">
  @import 'style.scss'
</style>

или

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

Comments

[pegas]

Значит ложные доки https://vue-loader.vuejs.org/ru/guide/pre-processo...
"Теперь, в дополнение к возможности писать import 'style.scss', мы можем использовать SCSS также и в компонентах Vue:"

[Ilya]

Артём, там подразумевался импорт в js файлах))