![这年代,不发女神没人跟我学知识](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1496813066&di=aa5247b6ecf741182861fbfbad6d8834&imgtype=jpg&er=1&src=http://imgmini.dfshurufa.com/mobile/20160222101030_acf21708d47ea0d9eca218241d7a2d65_1.jpeg)
这年代,不发女神没人跟我学知识
之前试着自己使用requireJS进行模块化组件,但是这样做的网络请求量很大(这里是指生成的
<script src="./xx.js"></script>
数量过多),有没有一种方式可以对模块化进行压缩,使得所有文件在一个文档中,这样只需要网略请求一次就可以达到目的。由此,r.js应运而生。
使用
r.js
进行压缩打包,首先要在全局安装。安装方法查看官网在文件所在目录某处位置,创建一个JS文件。我的就叫它
build.js
吧。-
在
build.js
中,要有4点基本变量:- baseUrl:与主程序入口中设置的路径保持一致,即两个设置的路径指向统一
- paths:baseUrl已经设置了 根路径,所以这里直接复制主程序入口文件即可
- name:主程序入口文件路径
- 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'
})
你不点个赞吗