如何使用优化的 require.js 加载外部脚本?
How to load external script with optimized require.js?
我们使用 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
优化后的库似乎与未优化的库有所不同。如何在优化构建中获得动态配置和加载?
原来我们的构建脚本在生产构建中用 almond 替换了 require.js。它的意思是 require.js 替代不包括外部文件加载支持的单文件构建。
我希望杏仁错误消息更详细一点,我花了几个小时才找到那个错误消息。
我们使用 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
优化后的库似乎与未优化的库有所不同。如何在优化构建中获得动态配置和加载?
原来我们的构建脚本在生产构建中用 almond 替换了 require.js。它的意思是 require.js 替代不包括外部文件加载支持的单文件构建。
我希望杏仁错误消息更详细一点,我花了几个小时才找到那个错误消息。