我们使用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
似乎优化需要与非优化库有某些不同。如何在优化的构建中获得动态配置和加载工作?
答案 0 :(得分:0)
原来我们的构建脚本在生产版本中用almond替换了require.js。它意味着require.js替代单文件构建,不包括外部文件加载支持。
我希望杏仁错误消息更加冗长,我需要花费数小时来跟踪那个消息。