使用BAT一句话命令实现快速合并JS、CSS

2024-04-02 09:05:52

在项目开发环境下，我们会把 JS 代码尽可能模块化，方便管理和修改，这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多。

　　而项目上线后，会要求将所有 JS 文件合并为 1 个或者几个，手动的操作虽然也不是问题，但每次修改更新都要手动操作合并一遍，这就肯定是个噩梦了。

　　这种情况下，一些工具也就随之产生，比如在线合并，一些网站提供js文件上传，然后合并，但这还是很麻烦，如果开发环境没有网络呢？

　　这会我就想到了 windows 系统下的 cmd 里的 copy 命令，它虽然是个复制的功能，但实则也是可以实现合并文件的需求，下面就看下这句代码：

代码如下:

copy a.js+b.js+c.js abc.js /b

　　相信不会太多编程的人阅读上面那句代码也能大致读懂意思：通过 copy 命令将 a.js b.js c.js 合并为一个 abc.js，最后的 /b 表示文件为二进位文件，copy 命令的其它参数可以在 cmd 里输入 copy /? 学习，这里就不再细述。

　　说到这里，其实 windows 本身就可以完成我们的需求，也不用安装什么其它工具了，下面我们要做的就是将这一切操作更简单。

　　我们在项目存放 JS 的文件夹下新建一个 TXT 文件，将代码复制进去，并修改需要合并哪些文件，最后保存并将 TXT 修改为 BAT 后缀，如：

代码如下:

copy core.js+hros.app.js+hros.appmanage.js+hros.base.js+hros.copyright.js+hros.desktop.js+hros.dock.js+hros.folderView.js+hros.grid.js+hros.maskBox.js+hros.navbar.js+hros.popupMenu.js+hros.searchbar.js+hros.startmenu.js+hros.taskbar.js+hros.uploadFile.js+hros.wallpaper.js+hros.widget.js+hros.window.js+hros.zoom.js+templates.js+util.js core.min.js /b

　　接下来我们双击下那个 BAT 文件，看到效果了吧？这就是我们想要的。以后每次上线前，只需双击下这个文件，系统就会自动合并并生成一个合并好的文件，比起其它什么工具，这个的效率简直无法直视。

　　如果你本地还安装过 UglifyJS 这个工具，可以在代码后面加一句压缩的代码，如：

代码如下:

　　这样每次合并好后就自动压缩了，又省了一步操作。

　　CSS 合并同理。

使用BAT一句话命令实现快速合并JS、CSS

在项目开发环境下,我们会把 JS 代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多. 而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个,手动的操作虽然也不是问题,但每次修改更新都要手动操作合并一遍,这就肯定是个噩梦了. 这种情况下,一些工具也就随之产生,比如在线合并,一些网站提供js文件上传,然后合并,但这还是很麻烦,如果开发环境没有网络呢? 这会我就想到了 windows 系统下的 cmd 里的 copy 命令,它虽然是个复制的
node下使用UglifyJS压缩合并JS文件的方法

现在UglifyJS的最新版本为 2.8.13,主要功能为JS的压缩和合并,下面直接进入教程: 安装: <span style="font-size:18px;color:#006600;">npm install uglify-js -g</span> 将uglifyjs安装为全局变量,方便我们在任何地方使用. <span style="color:#006600;">下面是shell命令的中文解释: * source-map
r.js来合并压缩css文件的示例

如何使用r.js来合并压缩css文件.在r5下新建一个css文件夹,里面有四个css文件:main.css.nav.css.form.css.grid.css. main.css是合并的主文件,或称配置文件.要合并的文件使用@import引入.如下 main.css @importurl("nav.css"); @importurl("grid.css"); @importurl("form.css"); 另外三个是普通的css文件,里面定义的各
Windows 批处理cmd/bat常用命令详解

目录 Windows批处理(cmd/bat)常用命令教程常见问题: 前言什么是批处理? 怎么创建批处理文件? 批处理命令简介批处理常用命令总结批处理符号简介常用DOS命令 Windows Batch 常用命令常见问题: 1.如果你自己编写的.bat文件,双击打开,出现闪退 2.批处理.bat 文件中输出中文乱码 Windows批处理(cmd/bat)常用命令教程常见问题: 1.如果你自己编写的.bat文件,双击打开,出现闪退 2.批处理.bat 文件中输出中文乱码解决方法在文章末
php实现压缩合并js的方法【附demo源码下载】

本文实例讲述了php实现压缩合并js的方法.分享给大家供大家参考,具体如下: test.php文件如下: require_once('jsmin.php'); $files = glob("js/*.js"); $js = ""; foreach($files as $file) { $js .= JSMin::minify(file_get_contents($file)); } file_put_contents("combined.js",
mysql通过文档读取并执行命令之快速为mysql添加多用户和数据库技巧

复制代码代码如下: # vi mysqlusers.txt create database dataname; grant all privileges on dataname.* to username@localhost identified by 'password'; flush privileges; # /usr/local/mysql/bin/mysql -u root -p password < mysqlusers.txt 蓝色斜体部分为对应的用户名和密码,添加多个用户及数据
快速解决js中window.location.href不工作的问题

E6中在html中<a>标识中通过JS添加click事件调用一个JS函数,例如: < script type = "text/javascript" > function jump () { window . location . href = 'http://www.jb51.net' ; } function enjoy () { return false ; } < /script> html代码: <a href= "java
快速解决js动态改变dom元素属性后页面及时渲染的问题

今天实现一个进度条加载过程,dom结构其实就是两个div <div class="pbar"> <div class="ui-widget-header" id="percent_bar" style="width: 23%;"></div> </div> 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文件的进度,简单实现一共100个文件的话
php合并js请求的例子

看代码就会的小例子:php合并js请求复制代码代码如下: //页面保存为js.php//前台请求范例http://localhost/js.php?f=1,2//请求1.js,2.js两个文件<?PHPheader("Content-Type:application/x-javascript");header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT")
Linux命令行快速技巧之定位一个文件的方法

我们都会有文件存储在电脑里 -- 目录.相片.源代码等等.它们是如此之多.也无疑超出了我的记忆范围.要是毫无目标,找到正确的那一个可能会很费时间.在这篇文章里我们来看一下如何在命令行里找到需要的文件,特别是快速找到你想要的那一个. 好消息是 Linux 命令行专门设计了很多非常有用的命令行工具在你的电脑上查找文件.下面我们看一下它们其中三个:ls.tree 和 find. ls 如果你知道文件在哪里,你只需要列出它们或者查看有关它们的信息,ls 就是为此而生的. 只需运行 ls 就可以列出当下目

使用BAT一句话命令实现快速合并JS、CSS

相关推荐

随机推荐