How to import scss into .vue component?

Question

Sass

Unable to import file in .vue component . Installed everything needed - npm install -D sass-loader node-sass .
Inside the style section , the scss syntax works fine, but if I want to import it, I get an error.

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

Here are my rules in webpack

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

so inside you need to write imports like in css

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

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