requirejs初次接触

RequireJS是一个Javascript的模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。RequireJS 遵循的是 AMD（异步模块定义）规范，帮助用户异步按需的加载 JavaScript 代码，并解决 JavaScript 模块间的依赖关系，提升了前端代码的整体质量和性能。

reqirejs 的用处：

（1）实现js文件的异步加载，避免网页失去响应；

（2）管理模块之间的依赖性，便于代码的编写和维护。

 <script data-main="/javascripts/main" src="/javascripts/libs/require.js">    </script>

/public/javascripts/▾ libs/    bootstrap.min.js    highcharts.js    jquery.js    jquery.min.js    require.js▾ tools/    detail.js    get_data.js  main.js

main.js：

requirejs.config({    baseUrl: '../javascripts',    paths: {        "jquery": 'libs/jquery',        "detail": 'tools/detail',        "bootstrap.min": 'libs/bootstrap.min',        "highcharts": 'libs/highcharts'    },    shim: {        'bootstrap.min': {            deps: ['jquery'],            exports: 'bootstrap'        },        'highcharts': {            deps: ['jquery'],            exports: 'highcharts'        }    }});require(['detail'], function(detail) {});

detail.js中定义

define(['jquery', 'highcharts'], function($) {...}

前端只要这样

<script data-main="/javascripts/main" src="/javascripts/libs/require.js">

遇到的问题都在这里解决了

需要注意的一点是，main中模块是异步加载的，如果后面的页面通过<script>加载的脚本对其有依赖，那就陷入了异步的大坑中。。
done

这个项目的前端使用了 requireJS  ： https://github.com/Dongss/dongss

这个很好