如何将自定义扩展集成到 Vue答案

【问题标题】：How to integrate custom extension to Vue如何将自定义扩展集成到 Vue
【发布时间】：2023-03-14 12:31:01
【问题描述】：

我想自定义 MarkupsGui 扩展，所以我克隆了这个 repo 并尝试将它集成到 Vue 项目中，但没有运气。有什么帮助吗？ https://github.com/wallabyway/forge-markup-measure-extensions

我将描述我到目前为止所做的事情。

Step1：获取 Markup.min.js 文件

git clone https://github.com/wallabyway/forge-markup-measure-extensions.git  
npm install webpack  
npm install css-loader --save-dev  
npm install style-loader --save-dev  
npm install svg-url-loader --save-dev  
webpack --config=webpack.js --env BUILD_TASK=lmv-extensions --env BUILD_PROD=true

=> 将“forge-markup-measure-extensions/build/extensions/Markup/Markup.min.js”复制到我的 Vue 项目中。

第 2 步：
/public/index.html

<head>
 ...
 <script src="Markup.min.js"></script> 
</head>

Markup.min.js 在公共目录下
当我打开页面时，没有加载 Markup.min.js

我参考这篇文章尝试了动态导入。
What is the proper way to create a custom toolbar extension in Nuxt.JS for autodesk forge viewer?

我也检查了这个 repo
https://github.com/alvpickmans/forge-vuer

我想查看带有 Vue 的自定义扩展示例，而不是官方扩展。我真的需要帮助！

【问题讨论】：

标签： vue.js autodesk-forge

【解决方案1】：

好的，我已经通过在 head 标签中添加 <base href="/" /> 解决了这个问题

<base href="/" />
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.61/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.61/viewer3D.min.js"></script>
<script src="Markup.min.js"></script>

【讨论】：