四、加载css插件

四、加载`css插件`

seajs.css文件

使用css插件非常简单

第一步在sea.js之后引入css文件

第二步直接在模块中引入css文件

注意：在引入css文件的时候一定不能省略.css后缀，因为seajs对js敏感，对css不敏感

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script type="text/javascript" src="sea.js"></script>
        <script type="text/javascript" src="seajs-css.js"></script>
        <script type="text/javascript">
            // 引入css文件
            // 第一步在seajs之后引入css文件
            // 第二步直接引入css文件
            // 需要注意： 不能省略.css后缀
            seajs.use("css.css");
        </script>
    </body>
</html>

4.1 预加载文件

seajs-preload.js

第一步在seajs文件之后加载preload.js文件

第二步在配置中，定义preload配置

值是一个数组

数组中的每一项就是预加载的文件

我们就可以使用预加载的文件了

加载预加载文件的时间点:

在seajs.use方法之后，模块加载之前

所以在工作中我们尽量将预加载的配置写在最前面

举例：

seajs.config({
    // 配置preload
    preload: ["jquery-1.7.2.js"]
});

// 引入main.js
seajs.use("main", function() {
    console.log($);
});

四、 加载css插件

4.1 预加载文件

四、加载`css插件`