您现在的位置:首页 --> 查看专题: 打包
模块化在前端日新月异的工程化工具的推动下已经摆脱了前端模块加载器(SeaJS、RequireJS)的束缚,现在通常的方案是使用 browserify 或 webpack 来将模块化的文件打包,然后直接在浏览器端使用。
但是通常的打包策略是将整个项目打包成一个文件 bundle.js,默认情况下 bundle.js 中囊括了所有的依赖,包括第三方的从 node_modules 中加载的文件,这会造成 bundle.js 非常臃肿,而且在生产环境中不能很好的利用静态资源的缓存策略。这些打包技术在国外非常火,生产环境提供一个 bundle.js 的做法在国外的网络环境下毫无压力,但是国内的网络环境和国外的没法比,为了下载的性能还是建议分开打包。
说起模块化,前端一般谈JS模块化的居多,毕竟JS是编程语言,比如业内的seajs、KISSY loader等,都有很成熟的模块化规则和方案了,前端工程师可以采用模块化的方法去编写页面,打包,上线,但是CSS界却没有。本文讨论了通过CSS原生语法@import实现CSS模块化,然后通过CSS Combo工具打包CSS模块成单独文件的开发方法。
提供移动互联网做app是个酷毙的事情,同等产品条件下比拼的是渠道。怎么样让渠道人员(非技术)快捷地拿到想到的标识有相关渠道信息的包,是个关键的问题。 因为平台不一样,打包手法也不尽相同,下面总结下54chen在工作过程中遇到的问题和解决的办法。
将多个静态资源打包为单个资源以减少请求数目,是提高页面加载速度的常用手段。于是上个星期,我就在实现网站静态资源的自动打包功能,原以为是个比较简单的问题,实现起来也没有遇到什么障碍,不过在开发完毕投入使用的时候却让我跌了下眼镜。由于静态资源在打包以后,它们的访问路径势必会改变,这样其他一些依赖于原有路径的资源就访问不到了。这方面最常见的例子,便是CSS样式表中引用的图片路径是相对于CSS文件路径的。当意识...
9 年前,我设计了网易游戏的资源包以及补丁包的数据格式。当初的设计目的是:方便解析,快速定位资源包内的文件,方便更新、每次更新尽可能的节约带宽。这些年来,虽然各个项目修修补补的改进了资源包的格式,但本质上并没有特别大的修改。一开始我们直接把需要打包的文件连接起来,在文件末尾附上文件索引表。当初为了快速定位文件名,文件名做了 hash 处理,可以用 hash 值直接定位文件。而资源包里并没有储存文件名信息,而是保...
js组件通常带着css image ,但这样使用起来可能会有些小麻烦,为了让组件足够的solo,有了把css image也打包在js的想法,然后顺便把请求数变少,这个顺便好像更重要,呵呵。 那怎样打包呢,虽然有resource-packages这样的方案,可是我们的核心用户还在玩ie6这种时尚的浏览器呢! 我的方案: CSS:CSS可以当成字符串存在js里,并由js动态加到页面上,页面用的可能不...
近来为公司写一个程序需要跑在公司几k的服务器,因为担心有问题测试了无数次。最后还是要上线之前,还是坚持拿到线上测试一下,看看有没有问题,果然,给Perl做成rpm包后。还是有些小问题。。还好坚持做完所有的测试。
[ 共8篇文章 ][ 第1页/共1页 ][ 1 ]
近3天十大热文
- [47] 图书馆的世界纪录
- [47] Oracle MTS模式下 进程地址与会话信
- [47] IOS安全–浅谈关于IOS加固的几种方法
- [47] 如何拿下简短的域名
- [43] android 开发入门
- [42] 【社会化设计】自我(self)部分――欢迎区
- [41] 读书笔记-壹百度:百度十年千倍的29条法则
- [40] 界面设计速成
- [38] 视觉调整-设计师 vs. 逻辑
- [36] Go Reflect 性能
赞助商广告