首页 > sea.js怎么用呢

sea.js怎么用呢

我有一个静态的页面 如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官网看文档,里面的内容更详细

【热门文章】
【热门文章】