我有一个静态的页面 如a.html 这个页面需要引入两个文件 一个是 jq 一个是bootstrap.min.css 文件 传统的做法就是通过在a.html 文件用<link> <script> 引入
但是我现在想试试sea.js的功能我改怎么做呢
这是我main.js的写法
seajs.config({
base: "/",
alias: {
"$": "jquery-1.8.3.js",
"bstcss":"css/bootstrap.min.css",
"bstjs":"js/bootstrap.min.js"
}
});
问题是我要怎么加载到静态页面呢 求大神给个详细过程
先引用seajs的库,比如:
<script src="//cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
之后配置seajs,比如:
seajs.config({
base: "/",
alias: {
"jquery": "lib/jquery-2.1.4.min.js",
}
});
之后可以在main中指定一个入口或者使用一个模块,比如:
seajs.use('index');
或者直接在页面加载一个模块也行。
index.js中的代码:
define(function (require) {
var $ = require('jquery');
});
这个index就相当于资源的入口,它其中执行的代码都会执行,它加载的模块都会加载,等等,上面相当于在index加载了以jquery
为别名的jquery-2.1.4.min.js
。
然后把main.js直接用<script>引入到你的html页面中就行,比如:
<script src="main.js"></script>
大功告成。
之后你要按模块开发的话,就按CMD或者AMD的标准编写模块,然后使用seajs加载即可。
可能写的不对,因为很久不用了,一直再用webpack。
不会用seajs很好,去学点别的,这个不行了,它的管理工具spm也都下线了。
https://www.zhihu.com/question/34756861
不做伸手党,从我做起,给你文档,有什么需要的可以查,再不懂可以提ISSUE,传送门:sea.js
可以看一下官方的介绍,有个5分钟上手的例子,作者介绍的很简单很容易上手。
调用js其实很简单的,看代码
// 方式一
<script>
seajs.use('bstjs');
// 或者调用多个js
seajs.use(['bstjs', '$']);
</script>
// 方式二,这种方式是在js里调用的
define(function(require, exports, module) {
require('bstjs');
});
更多引用的语法还是建议你去seajs官网看文档,里面的内容更详细