require.js引入模块和js按需加载

Question

现在有一个需求，把头部的资源提出去比如css,js.现在是 用php模板引入的如下图

html_header.php

index.html

实际上php中的资源是不全的，而每个页面需要的资源也是不同的，有一些共性的需要提取出来。
目前的想法是用require.js 把共性的模块通过main.js引入，各个页面私有的模块现用现引入
在网上看了下require的用法在main.js中
require(["jq","react","vue"],function(a,b,c) {some code...})
在数组中引入模块 在回调中传入对应参数 开始写代码。可是这么写不是把所有的代码都写在main.js上了？
现在很多代码是直接写在页面上的 我只想引入模块，比如引入一个JQ 然后在页面上$(document).ready(function() {})

按领导的意思，最好是按需加载，比如把头部提出去，就像上面的php文件一样，把共性的css.js先写进去，然后可以接受参数，每个页面可以传递参数自定义所需要的资源，求各位大神指点实在不知道怎么做了