如何使用Webpack将js库中的所有样式提取到css文件中

Question

我有一个项目的 VUE-的WebPack模板即可。 我安装了多个库，并在 main.js 文件中，导入了 css 文件， scss 和库。 但是webpack无法使用 extract-text-plugin 将样式从js文件提取到.css文件中。 这里是我进口的 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';

这是我的webpack配置：

{
        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',
        })
      }

Webpack会从css或scss文件中提取样式，但不会从我正在导入的Toastr等js文件中提取样式。