目的:
将多个资源文件(css、js)捆绑在一个文件中
压缩文件,去除空格换行,减小文件体积
步骤:
1、在NuGet下载 BuildBundlerMinifier 包
2、在项目根目录创建配置文件,如下:
[ { "outputFileName": "wwwroot/js/info.min.js", /*输出的文件地址,注意:如果要压缩文件,文件名格式必须是*.min.js*/ "inputFiles": [ /*需要合并的文件列表,可以使用通配符*/ "wwwroot/js/site.js", "wwwroot/js/site2.js" ], "minify": { "enabled": true } } ]
3、页面添加文件引用:
<script src="~/js/info.min.js"></script>
4、重新生成项目,注意必须要重新生成,不能生成项目。
5、在页面中引用js
<environment include="Development"> <script src="~/js/checkout/checkout-base.js?d=@CONST.TIME_STAMP"></script> <script src="~/js/checkout/address-part.js?d=@CONST.TIME_STAMP"></script> <script src="~/js/checkout/info.js?d=@CONST.TIME_STAMP"></script> </environment> <environment exclude="Development"> <script src="~/js/checkout/min/info.min.js?d=@CONST.TIME_STAMP"></script> </environment>
<environment>标签用于按特定的环境变量显示对应的元素
配置选项详细说明:
- outputFileName 要输出打包包文件的路径。与bundleconfig.json文件的相对路径。必填
- inputFiles 要打包的文件路径数组。
- minify 输入出类型的压缩选项。选填,默认值 minify:{enabled:true}
- includeInProject 将生成的文件添加到项目。选填,默认值-false
- sourceMaps 生成合并文件的源文件映射。选填,默认值 -false