我有一个简单的索引页面,它使用少量的js文件,包括来自CDN的jquery和下划线。 要学习,我想设置requirejs来管理脚本。
文件夹结构:
exampleApp
-js
-foo.js
-main.js
-require.js
-index.html
index,note foo()是foo.js中的一个函数:
<script data-main="js/main" src="js/requirejs-2.1.9.js"></script>
<body>
<button onclick='foo()'>Click me</button>
</body>
main.js:
requirejs.config({
baseUrl: 'js',
paths: {
jquery : '//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js',
underscore : '//cdn.jsdelivr.net/underscorejs/1.5.2/underscore-min.js',
foo : 'foo'
},
shim: {
jquery: {
exports: '$'
},
underscore: {
exports: '_'
}
}
});
requirejs(['jquery', 'underscore', 'foo'], function($, _, foo){
});
在我的foo.js中,我使用“$”使用jquery,使用“_”使用下划线,所以我想尽可能保留这些符号。