webpackでのcss/lessの読み込み順

###前提・実現したいこと

wordpressのテーマのカスタマイズをしようとしています。
折角なので、流行りのwebpackを使って、ライブラリや編集したjs,css/lessを１つのfileとしてまとめて扱いたいです。

###発生している問題・エラーメッセージ
webpackでbootstrapのjs,cssと、上書き用の別ファイルとして作成したjs,css/lessをまとめたいのですが、css/lessのブラウザの読み込み順が分からず、bootstrapのcssの上書きができません。

現状は、カルーセルの画像の大きさを固定したいので

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

height: auto;を直接bootstrapを編集せずに、上書きしたいです。

###該当のソースコード

webpack.config.js

js
1const path = require('path');
2
3module.exports = {
4  entry: [
5    './src/js/app.js'
6  ],
7  output: {
8    path: path.join(__dirname, 'js'),
9    filename: 'bundle.js'
10  },
11  // plugins: plugins,
12  module: {
13    loaders: [
14    // 拡張子がcssの場合はcssのloaderを採用
15    { test: /.css$/, loader: 'style-loader!css-loader' },
16
17    // 拡張子がlessの場合はlessのloaderを採用
18    { test: /.less$/, loader: 'style!css!less' },
19
20    // bootstrap.cssの中に使うWebFontを（デフォルトで）base64エンコードされます
21    { test: /.svg(?v=\d+.\d+.\d+)?$/, loader: 'url-loader?mimetype=image/svg+xml' },
22    { test: /.woff(\d+)?(?v=\d+.\d+.\d+)?$/, loader: 'url-loader?mimetype=application/font-woff' },
23    { test: /.eot(?v=\d+.\d+.\d+)?$/, loader: 'url-loader?mimetype=application/font-woff' },
24    { test: /.ttf(?v=\d+.\d+.\d+)?$/, loader: 'url-loader?mimetype=application/font-woff' }
25    ]
26  }
27};
28

src/js/app.js

js
1require('jquery');
2require('bootstrap/dist/css/bootstrap.css');
3require('bootstrap/dist/js/bootstrap');
4require('font-awesome/css/font-awesome.css');
5require('./../less/style.less');

src/less/style.less

less
1@color: orange;
2body {
3  background-color: @color;
4}
5
6.item img {
7  width:100%;
8}
9 
10#carousel_top {
11  padding:0;
12}
13
14.cover {
15  object-fit: cover;
16  height: 250px;
17  background-color: #ccc;
18  border: 1px solid #ccc;
19}
20

###試したこと

requeirの順序を変えてみた

###補足情報(言語/FW/ツール等のバージョンなど
以下のモジュールを使用しています

  "devDependencies": {
    "css-loader": "^0.23.1",
    "exports-loader": "^0.6.3",
    "expose-loader": "^0.7.1",
    "file-loader": "^0.9.0",
    "imports-loader": "^0.6.5",
    "less": "^2.7.1",
    "less-loader": "^2.2.3",
    "postcss-loader": "^0.9.1",
    "style-loader": "^0.13.1",
    "url-loader": "^0.5.7",
    "webpack": "^1.13.1"
  },
  "dependencies": {
    "bootstrap": "^3.3.6",
    "font-awesome": "^4.6.3",
    "jquery": "^3.0.0"
  }