Bundling my CSS files is not working

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?