asp.net core合并压缩资源文件引发的学习之旅
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应用针对静态文件请求的处理[1]: 以Web的形式发布静态文件
虽然ASP.NET Core是一款"动态"的Web服务端框架,但是在很多情况下都需要处理针对静态文件的请求,最为常见的就是这对JavaScript脚本文件.CSS样式文件和图片文件 ...
- ASP.NET Core 中的静态文件
1.前言 当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML.CSS.IMG.JavaScript等文件,而这些文件都是Core提供给客 ...
- Asp.Net Core中的静态文件-12
目录 本文出自<从零开始学 ASP.NET CORE MVC>目录 推荐文章:配置 ASP.NET Core 请求(Request)处理管道 Asp.Net Core 中的静态文件 在这 ...
- ASP.NET Core应用针对静态文件请求的处理[5]: DefaultFilesMiddleware中间件如何显示默认页面...
DefaultFilesMiddleware中间件的目的在于将目标目录下的默认文件作为响应内容.我们知道,如果直接请求的就是这个默认文件,那么前面介绍的StaticFileMiddleware中间件会 ...
- ASP.NET Core 中的 wwwroot 文件夹
在本文中,我将讨论ASP.NET Core应用程序中的 wwwroot 文件夹.请阅读我们之前讨论过ASP.NET Core 请求处理管道的文章.在本文的最后,您将了解 wwwroot 文件夹及其需求 ...
- ASP.NET Core MVC压缩样式、脚本及总是复制文件到输出目录
前言 在.NET Core之前对于压缩样式文件和脚本我们可能需要借助第三方工具来进行压缩,但在ASP.NET MVC Core中则无需借助第三方工具来完成,本节我们来看看ASP.NET Core MV ...
- ASP.NET Core缓存静态资源
背景 缓存样式表,JavaScript或图像文件等静态资源可以提高您网站的性能.在客户端,总是从缓存中加载一个静态文件,这样可以减少对服务器的请求数量,从而减少获取页面及其资源的时间.在服务器端,由于 ...
- ASP.NET Core 上传多文件 超简单教程
示例源码下载地址 https://qcloud.coding.net/api/project/3915794/files/4463836/download 项目地址 https://dev.tence ...
- UglifyJS 合并 压缩 JS文件
在引用库还有其他文件时,原本的项目文件很多,这时候就需要压缩合并,使用方法如下: 安装: npm install uglify-js -g 将uglifyjs安装为全局变量,方便我们在任何地方使用. ...
最新文章
- 240个jquery插件
- Hibernate 的getHibernateTemplate()方法使用
- java源文件怎么发送给别人_自己的java程序怎么给别人用
- [译]2019年修炼前端开发者之路
- 王者荣耀s24服务器维护多久才结束,王者荣耀s24赛季几点更新结束?6月23日s24赛季开启时间公布[多图]...
- 海量数据切分抽取的实践场景(r11笔记第43天)
- matlab已知xyz拟合标定map,matlab练习题
- python判断互质_整数判断是否互质并求逆元的 python 实现
- 网页设计找灵感——汽车酷站赞赏
- 04zookeeper场景应用-master选举
- SQL Server-【知识与实战III】年龄查询、条件查询、多表查询、姓氏查询
- 企业为什么要选择阿里云国际版上云?
- Struts2的简单使用
- 用selenium验证唯品会登录
- ADO简介(未完成)
- AI之AutoML:autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的简介、安装、使用方法之详细攻略
- 如何用MATLAB生成三维模型并导入PPT
- java 环境变量的设置
- 市场营销的角度探讨企业网站建设的营销策略
- try-resources