require.js加载js\css文件

gzeehg007

于 2018-11-30 11:57:39 发布

阅读量390

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.csdn.net/gzeehg007/article/details/84646789

js 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了使用RequireJS进行模块加载的配置与实践，包括如何配置路径、版本控制参数、映射、依赖注入等，通过具体示例展示了如何加载jQuery并验证其正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="require.js" data-main="main.js"></script>
</head>
<body>
需要文件：require.js main.js css.min.js(require-css) Scripts/jquery-1.7.js
main.js内容：
<pre>
require.config({
paths: {
'jquery': ['Scripts/jquery-1.7']
},
urlArgs: 'ver=0.1.2',
map: {
'*': {
'css': 'css.min'
}
},
shim: {
jquery: {
deps: ['css!http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css']
}
}
});
require(['jquery'], function ($) {
console.log($);
})
</pre>
</body>
</html>