RequireJS用法

1种写法:

html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    
</head>
<body>
    <span data-bind="text:Name"></span>
    
    <script src="Scripts/require.js"></script>
    <script src="Scripts/requirejs-config.js"></script><!--配置路径-->
    <script type="text/javascript">
        //['jquery','Knockout']对应config,$,ko分别对应jquery,Knockout(一种自己定义的简写)
        require(['jquery','Knockout'], function ($,ko) {
            $("body").css("background-color", "lightgreen");
            
            function viewModel() {
                var self = this;
                self.Name = ko.observable("cat66");
            }
            ko.applyBindings(new viewModel());
        })
        
    </script>
</body>
</html>

requirejs-config.js:

requirejs.config({
    paths: {
        jquery: 'Scripts/jquery-3.2.1',
        Knockout: 'Scripts/Knockout-3.3.0'
    }
})

参考:http://www.cnblogs.com/MrZouJian/p/6637105.html

原文地址:https://www.cnblogs.com/cat66/p/7744222.html