首页 > web前端 > js教程 > 正文

使用r.js压缩整个项目的JavaScript文件

高洛峰
发布: 2016-11-26 09:22:45
原创
1614人浏览过

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平行放置。

立即学习Java免费学习笔记(深入)”;

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

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

({    

appDir: "scripts",    

baseUrl: "scripts",    

dir: "scripts-build"})
 

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

Maven 使用指南 中文WORD版
Maven 使用指南 中文WORD版

本文档主要讲述的是Maven 使用指南;Apache Maven,是一个软件(特别是Java软件)项目管理及自动构建工具,由Apache软件基金会所提供。基于项目对象模型(缩写:POM)概念,Maven利用一个中央信息片断能管理一个项目的构建、报告和文档等步骤。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看

Maven 使用指南 中文WORD版 0
查看详情 Maven 使用指南 中文WORD版

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

相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

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

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号