Меньше импорт не работает в реакции 16

Question

У меня есть следующий webpack.config. все работает нормально, ожидайте меньше импорта (import './some.less'). нет ошибок, но и нет изменений в скомпилированных файлах CSS. Я использовал React 16, Babel, машинопись. Есть идеи, что здесь не так?

module: {
rules: [
  {
    exclude: [
      // html-webpack-plugin
      /\.ejs$/, /\.html$/, /\.ico$/,
      // css-loader
      /\.css$/,
      // awesome-typescript-loader
      /\.json$/, /\.jsx?$/, /\.tsx?$/,
      // url-loader
      /\.svg$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.webp$/
    ],
    loader: 'file-loader',
    options: {
      name: 'media/[name].[ext]'
    }
  },
  {
    test: [/\.svg$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.webp$/],
    loader: 'url-loader',
    options: {
      limit: 8192,
      name: 'media/[name].[ext]'
    }
  },
  {
    test: /\.css$/,
    use: [
      {
        loader: 'style-loader'
      },
      {
        loader: 'css-loader',
        options: {
          importLoaders: 1
        }
      },
      {
        loader: 'postcss-loader',
        options: {
          ident: 'postcss',
          plugins: [
            require('autoprefixer')()
          ]
        }
      }
    ]
  },
    { test: /\.less$/, loaders: ["style-loader", "css-loader", "less-loader"]},