从Grunt + Bower迁移到Webpack

Question

我正试图从Bower + Grunt迁移到Webpack（最终转移到YARN而不是Bower）。

但是，我在WebPack3上遇到的任何文档都没有谈到处理割草机组件。

WebPack 2使用了Bower的插件，但WebPack 3不支持相同的插件。

这是我的WebPack配置：

const webpack = require('webpack');
const path = require('path');

const frontEndConfig = {
  entry: {
    client: './client/app/app.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist/client/'),
    filename: '[name].app.js'
  },
  module:  {
    loaders: [
      {
        test:   /\.css$/,
        loader: "style-loader!css-loader"
      }
    ]
  },
  resolve: {
  modules: ['bower_components'],
  descriptionFiles: ['bower.json'],
  }
};

const backEndConfig = {
  entry: {
    client: './server/app.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist/server/'),
    filename: 'app.js'
  },
  module:  {
    loaders: [
      {
        test:   /\.css$/,
        loader: "style-loader!css-loader"
      }
    ],
    rules: [{
      exclude: ['node_modules']
    }]
  },
  resolve: {
  modules: ['node_modules'],
  descriptionFiles: ['package.json'],
  }
};



module.exports = [
    frontEndConfig,
    backEndConfig
];;

整个想法是首先使用webpack运行，然后完全移动到YARN。

他们说已经为WebPack3停止了插件，那么解决方法是什么呢？