登录  /  注册
首页 > web前端 > js教程 > 正文
使用r.js压缩整个项目的JavaScript文件
高洛峰
发布: 2016-11-26 09:22:45
原创
882人浏览过

r.js是RequireJS的一部分(optimizer)。它依赖于UglifyJS,而UglifyJS基于nodejs。r.js多数时候配合模块化(AMD)写法进行合并,压缩。如果你的代码不采用AMD方式,也可以用它来压缩。这篇讨论的是当不采用AMD方式组织代码时压缩整个项目的js文件。

假设项目中所有的js文件都在scripts目录中

20120301085946697.png

项目中有css,html,scripts三个目录,分别对应css,html和js文件。下载的r.js与myapp平行放置。

scripts-build目录放置压缩后的js文件,结构同scripts,但会多生成一个build.txt文件。

build.js文件是需要我们自己配置的,r.js会根据它去找被压缩的目录和压缩后的放置目录。大概如下

({

appDir: "scripts",

baseUrl: "scripts",

dir: "scripts-build"})

以下是我测试的项目(压缩前)

20120301085946697.png

可以看到,scripts-build目前是空的。好了,开始压缩了。

1,cmd进入命令行控制台,我的项目在e:/work/myapp

2,cd到当前项目(进入e盘,cd work/myapp)

3,执行命令:node r.js -o build.js 效果如图

20120301085946697.png

这时压缩成功了,再看scripts-build目录,和scripts结构一样,且多了个build.txt。

20120301085946697.png

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学