皮皮虾我们走(r.js)

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

之前试着自己使用requireJS进行模块化组件,但是这样做的网络请求量很大(这里是指生成的数量过多),有没有一种方式可以对模块化进行压缩,使得所有文件在一个文档中,这样只需要网略请求一次就可以达到目的。由此,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'

})
皮皮虾我们走(r.js)_第1张图片
你不点个赞吗

你可能感兴趣的:(皮皮虾我们走(r.js))