asp.net core合并压缩资源文件引发的学习之旅
2017-09-30 00:00
716 查看
0. 在asp.net core中使用BuildBundlerMinifier合并压缩资源文件
在asp.net mvc中可以使用Bundle来压缩合并css,js 不知道的见:http://www.cnblogs.com/morang/p/7207176.html在asp.net core中则可以使用BuildBundlerMinifier来进行css,js的压缩合并
新建一个core项目可以看到一个根目录下面有一个
bundleconfig.json配置文件,看名字大概也猜到了几分,点开json文件中的链接,果然就是它~
官方文档地址:https://docs.microsoft.com/zh-cn/aspnet/core/client-side/bundling-and-minification
好的。接下来跟着文档试试看
1. 在vs中下载安装扩展
重启vs2017,卧槽。一遍又一遍无响应..幸好还有其他路可以走...
2. 使用NuGet安装 BuildBundlerMinifier
使用命令dotnet add package BuildBundlerMinifier或者 NuGet包管理器安装完毕
重新生成项目
yes,成功,整个配置文件的配置一看就能明白:结合图看配置就知道是将
inputFiles配置的条目资源压缩合并成
outputFileName的资源
参数说明
-outputFileName:要输出的压缩文件的相对路径。
-必填
-
inputFiles:要输出的压缩文件的相对路径。
- 可选,为空则输出空文件
- 空值会在空的输出文件。 支持组合模式
- 组合模式 栗子:
"inputFiles": ["wwwroot/**/*(*.css|!(*.min.css)"]将获取所有 CSS 文件,不包括缩减的文件模式。
-
minify:压缩选项的配置
- 默认启用压缩,更多配置见BundlerMinifier-Wiki
- 可选
-
includeInProject:将生成的文件添加到项目文件 (默认的文件中也没有这个选项)
- 文档写的是 默认false,在vs中转到定义查看是true 。囧,默认是没有这个参数的
-
sourceMaps:生成捆绑的文件的源映射
-默认false
3.根据不同环境使用不同的css/js
使用新增的environment标签去根据不同的环境引入不同的css文件
ok,可以的,那么问题来了
.net core的Development
,Staging
,Production
这几个环境变量在哪里配置呢?
三个环境分别对应 开发 测试 生成,详情见文档(划重点):https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/environments简单描述之:项目右键->属性->调试->环境变量->>>一张图说明
然后发现原来调试信息什么的都是放到
launchSettings.json中~
将环境变量
ASPNETCORE_ENVIRONMENT的值修改为
Production后,运行起来,总算完成了
相关文章推荐
- asp.net core合并压缩资源文件引发的学习之旅
- ASP.NET Core 2.0系列学习笔记-NLog日志配置文件
- Asp.net MVC下使用Bundle合并、压缩js与css文件详解
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- [Asp.net MVC]Bundle合并,压缩js、css文件
- ASP.NET Core 2 学习笔记(五)静态文件
- [dotnetCore2.0]学习笔记之二: ASP.NET Core中,如何灵活使用静态文件和加载自定义配置
- 学习ASP.NET Core Razor 编程系列十五——文件上传功能(三)
- 学习ASP.NET Core Razor 编程系列十三——文件上传功能(一)
- ASP.NET Core Web 资源打包与压缩
- ASP.NET Core 2.0系列学习笔记-配置文件
- ASP.NET Core Web 资源打包与压缩
- 学习ASP.NET Core Razor 编程系列十四——文件上传功能(二)
- ASP.NET MVC 4 Optimization的JS/CSS文件动态合并及压缩
- asp.net core 之多语言国际化自定义资源文件
- Asp.net core 学习笔记 ( upload/download files 文件上传与下载 )
- ASP.NET CoreWeb资源打包与压缩
- Asp.net core 学习笔记 ( Area and Feature folder structure 文件结构 )
- C#编译器优化那点事 c# 如果一个对象的值为null,那么它调用扩展方法时为甚么不报错 webAPI 控制器(Controller)太多怎么办? .NET MVC项目设置包含Areas中的页面为默认启动页 (五)Net Core使用静态文件 学习ASP.NET Core Razor 编程系列八——并发处理
- Asp.Net 学习资源列表