Visual studio 2015 如何使用Bundler&;Visual Studio 2015中的小型化工具
最近,我使用ASP.NET Core来开发我的项目。我有一个这样的问题:我想在我的查看页面中引用许多Visual studio 2015 如何使用Bundler&;Visual Studio 2015中的小型化工具,visual-studio-2015,asp.net-core,visual-studio-extensions,Visual Studio 2015,Asp.net Core,Visual Studio Extensions,最近,我使用ASP.NET Core来开发我的项目。我有一个这样的问题:我想在我的查看页面中引用许多css和js文件,所以如果它存在,可以将一些css或js组合成一个工具。这就像跟在后面一样 <link href="~/Content/css/a1.css" rel="stylesheet" asp-append-version="true" /> <link href="~/Content/css/a2.css" rel="stylesheet" asp-append-ver
css
和js
文件,所以如果它存在,可以将一些css或js组合成一个工具。这就像跟在后面一样
<link href="~/Content/css/a1.css" rel="stylesheet" asp-append-version="true" />
<link href="~/Content/css/a2.css" rel="stylesheet" asp-append-version="true" />
我想得出的结果是:
<link href="~/bundles/css/a.min.css" rel="stylesheet" asp-append-version="true" />
然后我在谷歌上搜索,得到了工具
Bundler&Minifier
,它是VisualStudio中的一个扩展。我想知道如何在我的项目中编写bundleconfig.json文件?以及如何使用它来组合css或js文件?在asp.net核心项目中,有许多方法可以使用Bundler和Minifier。最常见的是使用BundlerMinifier.Core工具
要使用bundlerminiier.Core工具,只需在现有project.json文件的“工具”部分添加对bundlerminiier.Core的引用,如下所示:
"tools": {
"BundlerMinifier.Core": "2.0.238",
"Microsoft.AspNetCore.Razor.Tools": "1.0.0-preview2-final",
"Microsoft.AspNetCore.Server.IISIntegration.Tools": "1.0.0-preview2-final"
}
[
{
"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
},
{
"outputFileName": "wwwroot/js/semantic.validation.min.js",
"inputFiles": [
"wwwroot/js/semantic.validation.js"
],
"minify": {
"enabled": true,
"renameLocals": true
}
}
]
添加该工具后,您需要在项目中添加一个bundleconfig.json文件,该文件将用于配置希望包含在捆绑包中的文件。最低配置如下所示:
"tools": {
"BundlerMinifier.Core": "2.0.238",
"Microsoft.AspNetCore.Razor.Tools": "1.0.0-preview2-final",
"Microsoft.AspNetCore.Server.IISIntegration.Tools": "1.0.0-preview2-final"
}
[
{
"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
},
{
"outputFileName": "wwwroot/js/semantic.validation.min.js",
"inputFiles": [
"wwwroot/js/semantic.validation.js"
],
"minify": {
"enabled": true,
"renameLocals": true
}
}
]
配置捆绑包后,可以通过以下命令捆绑和缩小现有文件:
dotnet bundle
Visual Studio还提供了一个可帮助您打包和缩小文件的工具。我是否应该在我的project.json中使用
脚本“{“precompile”:[“dotnet bundle”]},
?是的,您可以。通过这种方式,您可以将捆绑和缩小过程作为构建的一部分进行自动化。谢谢你的回答。