如何使用优化的require.js加载外部脚本?

时间:2018-05-08 11:57:46

标签: javascript requirejs

我们使用require.js来管理库依赖项。在开发期间,它从单个JS文件加载我们的代码,而生产版本被优化为单个JS文件。

我现在正在尝试动态加载外部JS库。我正在尝试使用require.config添加新库,然后使用它们:

require.config({paths:{ "d3":"https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min" }})
require(['d3'], function(d3) { console.log("Works!") })

它在非优化版本中按预期工作。但是,在优化的构建中,它会产生错误:

Uncaught Error: undefined missing d3

似乎优化需要与非优化库有某些不同。如何在优化的构建中获得动态配置和加载工作?

1 个答案:

答案 0 :(得分:0)

原来我们的构建脚本在生产版本中用almond替换了require.js。它意味着require.js替代单文件构建,不包括外部文件加载支持。

我希望杏仁错误消息更加冗长,我需要花费数小时来跟踪那个消息。