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

分享于2022年07月17日 autodesk-forge vue.js 问答
【问题标题】:如何将自定义扩展集成到 Vue(How to integrate custom extension to Vue)
【发布时间】:2022-02-24 19:57:03
【问题描述】:

我想自定义 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


 ...
  

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 的自定义扩展示例,而不是官方扩展。我真的需要帮助!


【解决方案1】:

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