загрузчик scss не работает

Question

Когда я пытаюсь включить мои .scss файлы в шаблон, это не работает.Как будто их вообще не существует.структура моего приложения:

- src
  - components
        - App.vue
        - Login.vue
  - js
        - app.js
  - scss
        - app.scss
        - bootstrap-custom.scss
        - main.scss

все в приложении vue работает нормально, но не в стилях.поэтому в моем App.vue я импортирую такие как

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

и так далее в моем scss/app.scss

@import 'bootstrap-custom.scss';
@import '../../../node_modules/bootstrap/scss/bootstrap.scss';
@import 'main.scss';

и моей конфигурации веб-пакета

module: {
    rules: [
        {
            test: /\.js$/,
            loader: 'babel-loader',
            query: {
                presets: ['es2015']
            }
        },
        {
            test: /\.css$/,
            use: [
                MiniCssExtractPlugin.loader,
                "css-loader"
            ]
        },
        {
            test: /\.vue$/,
            loader: 'vue-loader',
             options: {
                 loaders: {
                     'scss': 'vue-style-loader!css-loader!sass-loader',
                     'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
                 }
             }
        },
        {
            test: /\.(css|less|scss)$/,
            use: [
                {
                    loader: 'style-loader'
                },
                {
                    loader: 'css-loader'
                },
                {
                    loader: 'sass-loader'
                }
            ]
        }
    ]
}

таккажется, я делаю все хорошо, но все еще не вижу результата?