在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给性能方面带来一些问题。解决该问题的一个好的方法就是合并js、css文件。本文将介绍合并的方法,需要了解的朋友可以参考下。
如何合并多个js和css文件?
(1) G.js文件~function(){
window.G={};
G.Method={
add: function(){
alert(111);
sub: function(){
alert("减法");
(2) T.js文件var T = (function(){
return {
t1: function(){
alert("t1 method!")
t2: function(){
alert("t2方法!")
sum: function(obj){
return obj.x + obj.y;
}());
上面列出了2个简单的js文件,下面就要写一个批处理文件来合并以上文件了
(3) 合并js、css文件的批处理方法,文件名假设命名为 debug.batcopy G.js + T.js GT_bin.js /b
(1) 输入要合并的js文件,保存debug.bat文件,运行debug.bat即可.
(2) 就这么一行代码就搞定了,十分简单,GT_bin.js 为合并之后的文件名称 , /b是固定参数,文件合并之后。页面就只引用GT_bin.js就可以了。从而减少了js文件的引用。到达了减少http请求的次数,提高了网站的性能.。
(3) 合并css文件方法也是如此。
更多前端开发知识,请查阅 HTML中文网 !
在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给性能方面带来一些问题。解决该问题的一个好的方法就是合并js、css文件。本文将介绍合并的方法,需要了解的朋友可以参考下。如何合并多个js和css文件?(1) G.js文件~function(){window.G={};G.Method={add: function(){alert(111);},sub: funct...
##com-browserify
这是
一个
browserify的插件,用于将
html
\
js
\
css
文件
打包成
一个
符合Common
JS
规范的
js
文件
##Getting started
Install this grunt plugin with:
npm install com-browserify --save-dev
##How to use
下面以在grunt的browserify下使用为例:
首先安装grunt和grunt-browserify模块;
配置browserify,引入我们的com-browserify插件:
var com = require('com-browserify');
browserify: {
example: {
src: ['a.
js
'],
dest:'dist.
js
',
options: {
for (var i = 0; i < newarr.length; i++) {
html
+= '<div id="cardList">'
html
+= '<span class="name">' + 'CARDNAME:' +newarr[i].type_name + '</span>'
html
+= '<span class="pc...