Is it possible to scope files by default?

[ryanbosherstuff]

Is there a config with .bablerc and webpack.config.js that can scope .(sa|sc|c)ss$ files by default and exclude files with a prefix like: .global.(sa|sc|c)ss$.

I've tried:
.babelrc:

{
  "plugins": [
    [
      "babel-plugin-react-scoped-css",
      {
        "include": ".scss$"
      }
    ]
  ]
}

webpack.config.js:

{
  test: /\.scss$/,
  use: [
    {
      loader: 'style-loader',
    },
    {
      loader: 'css-loader',
      options: {
        sourceMap: true,
        importLoaders: 2,
      },
    },
    { loader: 'scoped-css-loader' },
    {
      loader: 'sass-loader',
    },
  ],
},

But get these errors when running: SassError: Selector "[data-v-ee483fea]" can't have a suffix