requirejs搭建前端框架

發(fā)布時間：2020-07-27 16:30:33 來源：網(wǎng)絡(luò) 閱讀：605 作者：antlove 欄目：web開發(fā)

1. 文件結(jié)構(gòu)

requirejs搭建前端框架

2. base.js

requirejs.config({
    baseUrl: 'js',
    paths:{
        jquery:"../dist/js/jquery-1.11.3.min",
        domReady:"../dist/js/domReady"
    },

    urlArgs: "version=" + version,

    shim: {
        'jquery': {
            exports: '$'
        }
    },
    callback:function(){
        console.log("execute page js ... ");
        require(pageJS);
    },

    deps:["jquery"] // 默認(rèn)要加載的js

});

3. index.js

define(["domReady","jquery"],function(domReady,$){

	domReady(function(){

			console.log("index js ....");
	});
});

4. index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <script src="dist/js/requirejs-2.1.22.js"></script>

    <script>
        var version = "0.0.1";
        var pageJS = ["index"];
    </script>

    <script src="js/base.js"></script>



</head>
<body>



</body>
</html>

向AI問一下細節(jié)

requirejs搭建前端框架

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽