CSS合并，JS合并，有必要吗？_教程

有必要，因为每引一个文件都会增加一个请求。而且css和js的加载不带碰都橘带是同步蠢伍谈的，会阻塞页面加载，具体可以看下面的网址。

但是不是说全部合在一起就是好的。要看具体代码量多少以及项目需求、团队对资源的管理等综合考虑。

http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB/

http://lifesinger.wordpress.com/2012/02/03/performance-impact-of-js-css-loading-order/

gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs，安装nodejs。

完成nodejs安装之后，需要使用npm安装gulp。

先安装全局gulp

npm install -g gulp然后在项目根目录下安装本地gulp。

此时项目陪让指根目录下会多出下面这个文件夹 node_modules

好的，现在gulp已经安装完成了，但是gulp本身不提供js压缩合并等功能，需要使用gulp的相关插件。目前只需要完成js压缩合并和css文件压缩的功能，先安装相应的插芦配件：

1.css压缩 gulp-minify-css

2.js压缩 gulp-uglify

3.js合并 gulp-concat

由于压缩之前需要对滑携js代码进行代码检测，压缩完成之后需要加上min的后缀，我们还需要安装另外两个插件：

人民币就算了，源耐丢不起这个份儿啊悉裂举

在 HTML 里直接使用 CSS 和 JS，你只需要把 CSS 和 JS 文件里的代码复制到 HTML 代码的 <head></head>中间即可，最后应该是这样的

<head>

head 里面的其他标记

把 CSS 代睁碧码复制到这里

</style>

<!--

把 JS 代码复制到这里

-->

</script>

</head>

欢迎分享，转载请注明来源：内存溢出

CSS合并，JS合并，有必要吗？