皮皮虾我们走(r.js)

这年代,不发女神没人跟我学知识
这年代,不发女神没人跟我学知识

之前试着自己使用requireJS进行模块化组件,但是这样做的网络请求量很大(这里是指生成的<script src="./xx.js"></script>数量过多),有没有一种方式可以对模块化进行压缩,使得所有文件在一个文档中,这样只需要网略请求一次就可以达到目的。由此,r.js应运而生。

  • 使用r.js进行压缩打包,首先要在全局安装。安装方法查看官网

  • 在文件所在目录某处位置,创建一个JS文件。我的就叫它build.js吧。

  • build.js中,要有4点基本变量:

    1. baseUrl:与主程序入口中设置的路径保持一致,即两个设置的路径指向统一
    2. paths:baseUrl已经设置了 根路径,所以这里直接复制主程序入口文件即可
    3. name:主程序入口文件路径
    4. out:输出的路径位置在,并可以给打包好的文件起好名字

写好之后,在node端运行:r.js -o build.js命令
build.js:

({
  baseUrl:'./js',
  paths:{
    jquery: './lib/jquery-3.2.1.min'
  },
  name:'main',
  out:'./dist/merge.js'

})
你不点个赞吗
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,833评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,986评论 25 709
  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 100,003评论 9 468
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,862评论 1 32
  • 今天是2017年4月21日 我第一次接触了它 心情很激动 它可以用来治病救人 希望可以通过自己的一份力量去为这个社...
    地小瓜瓜阅读 1,454评论 0 1

友情链接更多精彩内容