1.搭建 require的框架 详细见RequireJS官网
2.在我们所编写的文件中引入
<script src="assets/js/require.js" data-main="assets/js/main" defer async="true" type="text/javascript"></script>
3.进行编写我们所要引入外部文件js的代码
define( function(){.
......... }
或者
$(function{
.......... })
) ;
例子 :
define( $(function () {
$('#doc-prompt-toggle').on('click', function () {
$('#my-prompt').modal({
relatedTarget: this,
onConfirm: function (e) {
alert('你输入的是:' + e.data || '');
},
onCancel: function (e) {
alert('不想说!');
}
});
});
}) );
4.在main.js中进行编写我们需要引入的文件代码
require.config({
paths: {
"testjs" : "testjs"
//注意 testjs需要和main.js还有require.js在同一目录 要是不在同一目录详细见官网
}
});
require(["testjs"], function ($) {
alert("测试js ");
});