AMD-requirejs

2019-03-14  本文已影响0人  fb941c99409d

require.js使用教程

  1. 下载require.js, 并引入
  1. 创建项目结构
|-js
  |-libs
    |-require.js
  |-modules
    |-alerter.js
    |-dataService.js
  |-main.js
|-index.html
  1. 定义require.js的模块代码
  1. 应用主(入口)js: main.js
(function () {
  //配置
  requirejs.config({
    //基本路径
    baseUrl: "js/",
    //模块标识名与模块路径映射
    paths: {
      "alerter": "modules/alerter",
      "dataService": "modules/dataService",
    }
  })
  
  //引入使用模块
  requirejs( ['alerter'], function(alerter) {
    alerter.showMsg()
  })
})()
  1. 页面使用模块:
    <script data-main="js/main" src="js/libs/require.js"></script>

  1. 使用第三方基于require.js的框架(jquery)

  1. 使用第三方不基于require.js的框架(angular)
    • 将angular.js导入项目
    • js/libs/angular.js
上一篇 下一篇

猜你喜欢

热点阅读