Как извлечь все стили из библиотеки js в css файл с помощью веб-пакета

Question

У меня есть проект с vue-webpack-template .Я установил несколько библиотек и в файле main.js импортирую файл css , scss и библиотеку .Но веб-пакет не может извлечь стили из js-файла в .css-файл с помощью extract-text-plugin .вот мой импорт в main.js

import vSelect from 'vue-select';
import Treeselect from '@riophae/vue-treeselect';
import toastr from 'toastr';
import '@riophae/vue-treeselect/dist/vue-treeselect.css';
import '../../node_modules/toastr/toastr.scss';
import '../../node_modules/uikit/dist/css/uikit.weedoo-rtl.min.css';
import './assets/styles/style.scss';

вот мой конфиг веб-пакета:

{
        test: /\.css$/,
        loader: ExtractTextPlugin.extract({
          use: 'css-loader',
          fallback: 'vue-style-loader'
        })
      },
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          use: ['css-loader', 'sass-loader'],
          fallback: 'style-loader',
        })
      }

И веб-пакет извлекает стили из файлов CSS или Scss, но не из стилейиз файлов js, таких как toastr, я импортирую.