静态资源编译
2016-09-01 20:50:36 0 举报
静态资源编译是将前端项目中的静态资源(如HTML、CSS、JavaScript、图片等)通过构建工具(如Webpack、Gulp等)进行打包、压缩和优化的过程。这个过程可以提高页面加载速度,减少服务器压力,提升用户体验。在编译过程中,构建工具会将多个文件合并成一个或多个文件,同时去除冗余代码、空格和注释,以减小文件体积。此外,还可以通过配置不同的加载策略,实现按需加载、懒加载等功能,进一步提升性能。静态资源编译是前端开发的重要环节,对于现代Web应用来说具有不可替代的作用。
作者其他创作
大纲/内容
普通图片cdn路径注入scss基础变量库
编译工具GRUNT
每一个子系统都有一个dist目录,用于输出编译后的文件
由simthSprite插件完成,输出_sprites.scss & sprite.png
将pageConfig.cdn替换为cdn绝对路径,
sass编译,直接输出压缩后的css到dist目录
seajs 依赖的cdn路径解析,并输出JS到dist目录
还原_var & _sprite中的cdn路径为开发路径
静态资源编译
clean dist目录
创建cdn/pc/子系统名/版本号 目录将dist目录内容直接拷贝到该目录下
图片精灵合成,同时完成cdn路径解析
在dist目录中对JS进行压缩
0 条评论
下一页