一句命令快速合并 JS、CSS
2016-05-20 16:53
501 查看
来源:http://www.cnblogs.com/hooray/p/3292958.html
在项目开发环境下,我们会把 JS 代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多。而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个,手动的操作虽然也不是问题,但每次修改更新都要手动操作合并一遍,这就肯定是个噩梦了。
这种情况下,一些工具也就随之产生,比如在线合并,一些网站提供js文件上传,然后合并,但这还是很麻烦,如果开发环境没有网络呢?
这会我就想到了 windows 系统下的 cmd 里的 copy 命令,它虽然是个复制的功能,但实则也是可以实现合并文件的需求,下面就看下这句代码:
说到这里,其实 windows 本身就可以完成我们的需求,也不用安装什么其它工具了,下面我们要做的就是将这一切操作更简单。
我们在项目存放 JS 的文件夹下新建一个 TXT 文件,将代码复制进去,并修改需要合并哪些文件,最后保存并将 TXT 修改为 BAT 后缀,如:
如果你本地还安装过 UglifyJS 这个工具,可以在代码后面加一句压缩的代码,如:
CSS 合并同理。
-------------------------------------------------------------------------------------------------------------------------
合并当前目录所有js文件:
copy *.js merge.js /b
另外有个在线js工具的网站: http://tool.lu/js/ 另外有个在线css工具的网站: http://tool.lu/css/
相关文章推荐
- CSS教程之div垂直居中的多种方法
- [转]CSS 模块
- HTML+CSS基础(四):认识html标签
- 常用CSS样式
- gulp入门-压缩js/css文件(windows)
- css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax
- css笔记--web端小于1px设计的处理方法
- 添加过滤器后登录页面样式消失的问题
- css引入外部字体
- css响应式程序设计-根据屏幕尺寸显示不同CSS
- 详解CSS中:nth-child的用法
- magento 在全站或者某页面增加外联js或者css的方法
- css对图片圆角处理
- CSS——排版布局
- HTML+CSS基础(三):认识html标签
- CSS——定位模式
- CSS3——盒子模型
- CSS颜色代码大全
- [翻译]解读CSS中的长度单位
- HTML+CSS基础(二):认识html标签