Bundler和Minifier Visual Studio扩展
原文地址:https://marketplace.visualstudio.com/items?itemName=MadsKristensen.BundlerMinifier
特征
- 将CSS,JavaScript或HTML文件捆绑到单个输出文件中
- 保存源文件会自动触发重新捆绑
- 支持globbing模式
- MSBuild支持支持CI方案
- 缩小单个或捆绑的CSS,JavaScript和HTML文件
- 每种语言的缩小选项都是可自定义的
- 打开生成的文件时显示水印
- Task Runner Explorer集成
- 命令行支持
- 更新解决方案中所有捆绑包的快捷方式
- 抑制输出文件生成
- 转换为Gulp
关于编码的说明
没有BOM(字节顺序标记)的所有文件都被视为UTF-8。如果在输出包文件中看到奇怪的字符,则可能需要考虑将输入文件保存为UTF-8或允许您指定BOM的编码。
捆绑
在解决方案资源管理器中选择2个或更多相同类型的文件以创建捆绑包。
对源文件进行的任何编辑都将立即生成更新的捆绑文件输出。
捆绑包配置存储在一个名为的文件中,该文件bundleconfig.json
将添加到项目的根目录中。
缩小
在解决方案资源管理器中右键单击任何JS,CSS或HTML文件。这将创建一个[filename] .min。[ext]并将其嵌套在原始文件下。
修改原始文件后,会立即生成新的min文件。
捆绑构建/ CI支持
在ASP.NET MVC和WebForms项目中,您可以在构建步骤中启用捆绑和缩小。只需右键单击该bundleconfig.json
文件即可启用它。
单击该菜单项将提示您有关单击“确定”按钮时将发生的情况的信息。
NuGet包将安装到该packages
文件夹中,而不会向项目本身添加任何文件。该NuGet包中包含一个MSBuild任务,该任务将bundleconfig.json
在项目根目录中的文件上运行完全相同的编译器。
对于ASP.NET Core项目,请参阅wiki
更新所有捆绑包
您可以bundleconfig.json
使用键盘快捷键Shift+Alt+i
或使用顶级“生成”菜单上的按钮在解决方案中的所有文件上运行bundler 。
来源地图
目前仅支持JavaScript缩小源映射。
一个.map
文件的下一次成功的.min.js
文件自动,但如果你手动删除.map
文件,新的人会不会在随后的minifications创建。
要启用源映射,请将此属性添加到bundleconfig.json
文件中:
“ sourceMap ”:是的
任务运行资源管理器
快速浏览您指定的文件或直接在Task Runner Explorer中执行捆绑包。
您甚至可以设置绑定,以便在某些Visual Studio事件(例如BeforeBuild和Project Open)期间自动发生捆绑/缩小。
抑制输出文件生成
有些情况下,您不希望扩展程序监听文件更改并生成捆绑和缩小的输出。如果您想使用Gulp bundleconfig.json
或使用服务器端代码,那可能就是这样。在这些情况下,让bundleconfig.json
文件包含所有Visual Studio工具仍然有用,但让其他工具处理捆绑和缩小过程。
要取消输出,请删除右键菜单中的复选框bundleconfig.json
。
转换为Gulp
此功能使您可以根据已配置的内容轻松开始使用Gulp bundleconfig.json
。它将创建gulpfile.js
, package.js
如果它们尚不存在,则使用npm安装所需的节点模块。
该gulpfile.js
会消耗bundleconfig.json
来获取输入和输出文件的路径,但会使用普通一饮而尽插件来完成所有的捆绑和缩小。您可以修改它以使用其他插件而不会失去其阅读能力bundleconfig.json
。
相关信息,并在维基上查看代码示例。
bundleconfig.json
扩展bundleconfig.json
在项目的根目录添加一个文件,用于配置所有捆绑。
以下是该文件的示例:
[ { "outputFileName": "output/bundle.css", "inputFiles": [ "css/lib/**/*.css", // globbing patterns are supported "css/input/site.css" ], "minify": { "enabled": true, "commentMode": "all" } }, { "outputFileName": "output/all.js", "inputFiles": [ "js/*.js", "!js/ignore.js" // start with a ! to exclude files ] }, { "outputFileName": "output/app.js", "inputFiles": [ "input/main.js", "input/core/*.js" // all .js files in input/core/ ] } ]
有助于
如果您想为此项目做出贡献,请查看贡献指南。
要自己克隆和构建此项目,请确保为Visual Studio 安装Extensibility Tools 2015扩展,该扩展启用了此项目使用的某些功能。
转载于:https://www.cnblogs.com/tinys-top/p/9722394.html
Bundler和Minifier Visual Studio扩展相关推荐
- Visual Studio 扩展包(.vsix)制作
前言:上篇介绍了 Visual Studio扩展工具添加与卸载,本编要介绍的是Visual Studio 扩展包(.vsix)的制作. 方法: ①.下载并安装Visual Studio 2010 SD ...
- Visual Studio扩展工具添加与卸载
简介:vs 作为主流的开发工具之一,其强大的功能无可厚非,但日益增加的需求就使得vs的扩展工具成为优秀dev所必备的利器之一. Visual Studio扩展工具添加 Visual Studio扩展工 ...
- 一起谈.NET技术,用NuGet掌管你的Visual Studio扩展
如果你使用Visual Studio 2010,那么 NuGet 可以使你的生活更加美好.当你项目里要引用到的一些库时候,比如JQuery 库或者 NHibernate, NUnit, log4net ...
- 最棒的Visual Studio扩展
isual Studio是微软公司推出的开发环境,Visual Studio可以用来创建Windows平台下的Windows应用程序和网络应用程序,也可以用来创建网络服务.智能设备应用程序和Offic ...
- 直接拿来用!Visual Studio 扩展工具利用 AI 强化你的代码
开发者如何利用人工智能强化代码?现在,Visual Studio IntelliCode 就能简单实现!下面来详细了解下具体如何操作. 作者 | Dirk Strauss 译者 | 弯月,责编 | 郭 ...
- Visual Studio扩展插件
Medium.dev.to.Reddit 等一些平台上却仍有推荐贴.这些扩展中有许多是原生存在于 Visual Studio Code 中,所以可以通过设置菜单启用 / 禁用或进行控制 设置可以通过 ...
- 基于Visual Studio扩展的WPF工业组态UI控件-ConPipe
本文的组态控件是由<轻量而敏捷的工业组态软件UI设计工具-ConPipe Studio 2022> 和 <轻量而敏捷的工业组态软件UI设计工具-机械组态篇>两篇文章中的方案全新 ...
- 【Visual Studio 扩展工具】如何在ComponentOneFlexGrid树中显示RadioButton
概述 在ComponentOne Enterprise .NET控件集中,FlexGrid表格控件是用户使用频率最高的控件之一.它是一个功能强大的数据管理工具,轻盈且灵动,以分层的形式展示数据(数据呈 ...
- 【Visual Studio 扩展工具】使用ComponentOne中的GroupDefinition和SortDefinition属性保存和还原布局...
2019独角兽企业重金招聘Python工程师标准>>> 概述 在此前的ComponentOne中,我们为C1FlexGrid(最快,最灵活的.Net数据网格控件)添加了一个非常强大的 ...
最新文章
- [实现] 利用 Seq2Seq 预测句子后续字词 (Pytorch)
- 设计模式之四:适配器模式(Adapter Pattern)
- python思维导图完整版下载高清_快速学习 Python 的全套 14 张思维导图(附高清版下载)...
- ipython源代码怎么打开_CentOS 6.4 中IPython如何启动Qt控制台和NoteBook?
- .Net Core下使用 RSA
- 【转】Python中操作mysql的pymysql模块详解
- 七年级上册数学计算机教学视频,人教版初中数学七年级上册
- jsonp的原理与实现
- JVM垃圾回收机制(一)
- 手机h5像素_拍照超逆天!华为P30大奖来袭 | 4000万像素+50倍变焦,漳州手机摄影界真要沸腾了......
- 用友U8供应链期初数据录入案例教程2
- redis命令之string类型setex命令用法详情
- mysql通过配置文件进行优化
- ectouch购物车添加勾选结算功能
- 德语语法笔记——冠词的用法
- 南走1公里东走1公里北走1公里回原点
- 《异类》这本书到底有多异类?
- 全志uboot修改_全志固件修改工具全系列
- oppo手机root管家,oppo root软件
- 「津津乐道播客」#184. 品质生活:又到了吃河蟹的季节
热门文章
- Django admin 继承user表后密码为明文,继承UserAdmin,重写其方法
- GMQ交易所正式发布GMQ Token
- #25 centos7(RHEL)系列操作系统的启动流程、systemd的特性、与命令systemctl的使用...
- 名称节点和数据节点作用
- css 总结内容用到的绝对居中的几种方式
- 利用Lucene.net搭建站内搜索(3)---创建索引
- PlaceHolder和Panel的区别【搜藏】
- Js中函数式编程的理解
- android builder布局方式,android – AlertDialog.Builder与自定义布局和EditText;无法访问视图...
- bash awk_Bash指南,Linux终端技巧,DevOps错误,Python,awk,NASA等