Inside my _Layout view i have the following css definitions:-

    <link rel="stylesheet" href="~/css/bootstrap.min.css">
        <link rel="stylesheet" href="~/css/owl.carousel.min.css">
        <link rel="stylesheet" href="~/css/magnific-popup.css">
        <link rel="stylesheet" href="~/css/font-awesome.min.css">
        <link rel="stylesheet" href="~/css/themify-icons.css">
        <link rel="stylesheet" href="~/css/nice-select.css">
        <link rel="stylesheet" href="~/css/flaticon.css">
        <link rel="stylesheet" href="~/css/gijgo.css">
        <link rel="stylesheet" href="~/css/animate.css">
        <link rel="stylesheet" href="~/css/slick.css">
        <link rel="stylesheet" href="~/css/slicknav.css">
        <link rel="stylesheet" href="~/css/jquery-ui.css">

        <link rel="stylesheet" href="~/css/style.css">
        <link rel="stylesheet" href="~/css/site.css">

so i bundle them as follow:-

[
  {
    "outputFileName": "wwwroot/css/site5.min.css",
    "inputFiles": [
      "wwwroot/css/site.css",
      "~/css/bootstrap.min.css",
      "~/css/owl.carousel.min.css",
      "~/css/magnific-popup.css",
      "~/css/font-awesome.min.css",
      "~/css/themify-icons.css",
      "~/css/nice-select.css",
      "~/css/flaticon.css",
      "~/css/gijgo.css",
      "~/css/animate.css",
      "~/css/slick.css",
      "~/css/slicknav.css",
      "~/css/jquery-ui.css",
      "~/css/style.css",
      "~/css/site.css"



    ]
  },
  {
    "outputFileName": "wwwroot/js/site.min.js",
    "inputFiles": [
      "wwwroot/js/site.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    },
    "sourceMap": false
  }
]

and i replace all the css definitions with one definition as follow:-

<link rel="stylesheet" href="wwwroot/css/site5.min.css">

but i lost all the css effect on my site.. so seems the bundle is not working fine... any advice?