gpt4 book ai didi

iife - 汇总 : globals & external

转载 作者:行者123 更新时间:2023-12-05 00:15:30 31 4
gpt4 key购买 nike

我正在尝试汇总我的完全 es6 模块存储库,该存储库具有项目的本地导入/导出,以及对也是脚本或模块的依赖项的导入。

我也在尝试进行双重构建,通过汇总创建遗留的 iife 模块。

这仅适用于我的项目,没有问题。困难在于我的依赖项有导入。

Rollup 的全局变量和外部选项应该会有所帮助,但到目前为止,我还没有成功地公开这些并汇总到一个 iffe。我明白了http://backspaces.github.io/asx/libs/three.module.js' is imported by src/Three.js, but could not be resolved – treating it as an external dependency
错误和其他。结果汇总不是我想要的:将 iife 汇总转换为期望依赖项是全局的,因此从汇总中删除。

我意识到这是一个非常普遍的问题,但我只想知道如何使用这两个选项来管理我的 repo,以便我可以导入依赖项并可以在汇总中“删除”它们。

谁能清楚地解释它们以及它们的作用?汇总 wiki 有点帮助,但还不够完整。

最佳答案

为了让 Rollup 能够包含依赖项,它必须能够找到它。它没有任何用于获取远程 URL 的内置逻辑,例如 http://backspaces.github.io/asx/libs/three.module.js。 (这可以作为一个插件来完成,但尚未编写该插件的AFAIK,无论如何我可能会建议不要这样做)。

相反,您最好像这样从 node_modules 导入模块......

import THREE from 'three';

...并添加 node-resolvecommonjs到生成 IIFE 的配置。

对于生成非 IIFE 构建的配置,其中 Three.js 保留在外部,您需要使用 paths配置指向 three返回网址:

// rollup.config.js
export default {
entry: 'src/main.js', // or whatever
// ...
external: ['three'], // so it's not included
paths: {
three: http://backspaces.github.io/asx/libs/three.module.js
}
};

关于iife - 汇总 : globals & external,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44512249/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com