在项目中我一般会对公用的css和js文件进行合并,分享一下我采用的方法。
css合并方法:
采用的是css-combo
,这是一个node模块,可以合并多个css文件。
先把多个css模块引入一个公共的style.css
模块。style.css
内容如下:
1 | @import "bootstrap.min.css"; |
下一步,进入style.css
文件夹目录,执行node命令:
1 | //第一个参数是源文件名,第二个参数是打包之后的文件名 |
关于csscombo
:点击github地址查看详细用法
js合并方法:
采用的是Windows自带的copy命令。首先进入目标文件夹,打开dos,写入如下:
1 | //合并jquery.min.js和jquery.validate.min.js为layout.min.js文件 |
也可以建一个批处理,点击就自动合并一次! 参考博文:一句命令快速合并 JS、CSS
完成!