Bundle and Minify functionality not working on Enterprise Visual Studio

Question

I am unable to minify my css and js files in a visual studio c# .net core web app project. I am also unable to launch the minify context menu on against a target file.

I have installed BundlerMinifier.Core nuget package version 3.2.449 but it is not working.

Answer 1

Hi @Onyango, David,

We need to install Bundler & Minifier 2022+. Then we can follow the official introduction to use it.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,

Jason

Answer 2

(1) Add bundleconfig.json file under project root to specify the files to be minified. Below is an example:

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

(2) Add NuGet Package BuildBundlerMinifier:

(3) Rebuild solution / project and confirm that the minified files are created according to the bundleconfig.json:

(4) Change the file names in link and script tags accordingly:

<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
<script src="~/js/site.min.js" asp-append-version="true"></script>

Please note that the above will not be done automatically by Visual Studio and you must do manually by yourself.

Answer 3

deleted since duplicated

Answer 4

[

{

"outputFileName": "wwwroot/css/site.min.css",

"inputFiles": [

  "wwwroot/css/site.css"

]

},

{

"outputFileName": "wwwroot/js/site.min.js",

"inputFiles": [

  "wwwroot/js/site.js"

],

"minify": {

  "enabled": true,

  "renameLocals": true

},

"sourceMap": false

}

]

Answer 5

"outputFileName": "wwwroot/css/site.min.css",

"inputFiles": [

"wwwroot/css/site.css"

]