如何解决使用动态导入编译汇总并解析路径名
我正在尝试汇总一个使用动态require
的图标包
我在这里创建了一个仓库: https://github.com/mjmnagy/rollup-error-Sept-01-2020
- 我运行
npm run copy
来获取根目录下svg
目录中的icons
文件 - copy命令将
svg
转换为return svg(encapsulated with backticks);
并将这些文件复制到src/icons
目录-我不喜欢这种方法,因为我希望它与{捆绑在一起{1}}文件夹,但dist
设置了该文件夹 - 运行
sfc-init
汇总成功,但是在生产中不起作用,因为npm run rollup
文件中的相对/推荐路径永远无法解析为正确的路径。
我尝试将别名添加到汇总配置中,但是路径不起作用?
此外,我不确定问题是否是由于创建了所有“动态导入”功能引起的:
icon.vue
**问题:
- 最终,如何使导入工作正常?
- 我如何获取要解析的路径,
_commonjsHelpers.commonjsRegister("/$$rollup_base$$/src/icons/brands/500px.js",function(module,exports) { return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M103.3 344.3c-6.5-14.2-6.9-18.3 7.4-23.1 25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2 53.9 0 97.7 43.5 97.7 96.8 0 63.4-60.8 113.2-128.5 93.3-10.5-4.2-2.1-31.7 8.5-28.6 53 0 89.4-10.1 89.4-64.4 0-61-77.1-89.6-116.9-44.6-23.5 26.4-17.6 42.1-17.6 157.6 50.7 31 118.3 22 160.4-20.1 24.8-24.8 38.5-58 38.5-93 0-35.2-13.8-68.2-38.8-93.3-24.8-24.8-57.8-38.5-93.3-38.5s-68.8 13.8-93.5 38.5c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1-6.9-1.7-14.3-5.8-14.3-11.8V20c0-5 3.9-10.5 10.5-10.5h241.3c8.3 0 8.3 11.6 8.3 15.1 0 3.9 0 15.1-8.3 15.1H130.3v132.9h.3c104.2-109.8 282.8-36 282.8 108.9 0 178.1-244.8 220.3-310.1 62.8zm63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6C306 56.6 384 144.5 390.6 144.5c4.8 0 22.8-15.3 14.3-22.8-93.2-89-234.5-57-238.3-38.2zM393 414.7C283 524.6 94 475.5 61 310.5c0-12.2-30.4-7.4-28.9 3.3 24 173.4 246 256.9 381.6 121.3 6.9-7.8-12.6-28.4-20.7-20.4zM213.6 306.6c0 4 4.3 7.3 5.5 8.5 3 3 6.1 4.4 8.5 4.4 3.8 0 2.6.2 22.3-19.5 19.6 19.3 19.1 19.5 22.3 19.5 5.4 0 18.5-10.4 10.7-18.2L265.6 284l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L249.7 268c-18.6-18.8-18.4-19.5-21.5-19.5-5 0-18 11.7-12.4 17.3L234 284c-18.1 17.9-20.4 19.2-20.4 22.6z"/></svg>; });
是否将npm run copy
转换为正确的格式? (我认为svgs
是理想的选择,但export default
不允许他们在顶层使用)**
我们非常感谢您的帮助
更新
我通过rollup
软件包确定不是最新版本(v15)。因此,我更新了它。上面的函数(rollup-commonjs
)现在替换为:
_commonJsHelpers
require("\u0000commonjs-dynamic-register:B:/icons/dist/icons/brands/500px.js")
是整个程序包的根(我认为这应该是B:/icons/
)
我查看了此(https://github.com/rollup/rollup-starter-code-splitting)回购与我的相似之处,但发现“动态”导入更像是“懒惰”
懒 https://github.com/rollup/rollup-starter-code-splitting/blob/master/src/main-a.js
动态
/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。