在 .Net core 3 和 blazor 中捆绑 css 和 js

Question

我有一个带有 blazor 的 .net core 3 应用程序。我有 2 个 js 文件夹和 css 文件，我想捆绑和缩小它们。有人可以为捆绑和缩小推荐一个好的图书馆吗？最好是 dotnet 的一部分，否则第三方库就可以了。

谢谢

Answer 1

我将 Bundler & Minifier 扩展程序与 visual studio 一起使用。您可以根据需要创建多个捆绑文件。下面是我的网站捆绑文件

[{
"outputFileName": "wwwroot/css/bundle.min.css",
"inputFiles": [
  "wwwroot/lib/bootstrap/dist/css/bootstrap.min.css",
  "wwwroot/lib/font-awesome/css/font-awesome.min.css",
  "wwwroot/lib/sweetalert2/dist/sweetalert2.min.css",
  "wwwroot/css/style.css"
],
"minify": {
  "enabled": true,
  "renameLocals": true
}
  },
  {
"outputFileName": "wwwroot/js/bundle.min.js",
"inputFiles": [
  "wwwroot/js/location.js",
  "wwwroot/js/login.js",
  "wwwroot/js/ManageClassified.js",
  "wwwroot/js/createClassified.js",
  "wwwroot/js/searchClassifield.js"
],
"minify": {
  "enabled": true,
  "renameLocals": true
}
  }]

在 .Net core 3 和 blazor 中捆绑 css 和 js

Bundling css and js in .Net core 3 and blazor

asp.net-core

blazor

blazor-server-side