自动加载必备文件

Question

我希望自动加载依赖文件，类似于 deps 的工作方式，但是这些文件需要在最初请求后加载。

例如：

require.config({
  baseUrl: '/',
  paths: {
    jquery: '/assets/components/jquery/dist/jquery.min',
    highcharts: '/assets/components/highcharts/highcharts.js', 
    'highcharts.more': '/assets/components/highcharts/highcharts-more.js'
  },
  shim: {
    jquery: { exports: 'jQuery' },
    highcharts: { deps: ['jquery'] },
    'highcharts.more' : { deps: ['highcharts'] },
  }
});

define(function (require) {
  var app = require('assets/js/app');
  app.start();
});

当需要 highcharts 时，jQuery 将作为依赖项自动加载，但是 Highcharts 要求您加载两个文件。

有谁知道如何加载后置文件，即在加载 highcharts 后自动加载 highcharts.more.

我可以简单地设置 highcharts highcharts-more 的依赖项并加载 highcharts-more 但是希望有更简洁的方法吗？

希望这是有道理的？！

谢谢

加夫

Answer 1

加载 highcharts.more 并使其成为 highcharts 的依赖项是可行的方法。您还可以使用 map 配置从模块中隐藏 highcharts.more：

map: {
  "*": {
    highcharts: "highcharts.more"
  },
  "highcharts.more": {
    highcharts: "highcharts"
  }
}

上面的映射表示 "in all modules (*) when highcharts is requested, load highcharts.more instead, but in highcharts.more when highcharts is requested load highcharts"。

有了这个，您可以将 highcharts 列为实际模块中的依赖项。

自动加载必备文件

Automatically load postrequisite files

requirejs