javascript - 如何在 npm install 上定义自定义元素
问题描述
我想尝试使用我使用带有 npm 的 vanilla javascript 制作的自定义 Web 组件。所以我将它发布到 npm 以将其导入到我正在研究的另一个学习项目中。我的问题是我的环境无法识别自定义元素。
我的 package.json 将 main 定义为“index.js”文件。该文件使用标准 customElements.define 定义了组件。当我想使用这个元素时,它似乎没有注册。
我目前的黑客解决方法是
class CustomElement { ... }
function defineCustomElement() {
customElements.define('tag-name', CustomElement)
}
export default defineCustomElement
不过,这感觉就像一个可怕的黑客攻击。当我四处搜索时,我没有看到提到我的问题,也找不到任何好的信息,所以我可能遗漏了一些关于我应该搜索/查看的内容。
我的目标是,只需将组件定义为 package.json 中的依赖项,它就会自动定义。
有人可以帮忙吗?
解决方案
推荐阅读
- c++ - 如何使用流序列化复杂的 POD?
- java - 如何使用条件限制对 Postgresql 数据库中的多个列进行求和和分组?
- python - 打字问题
- javascript - 如何使用 jQuery 动态添加标签?
- javascript - Javascript重复对象填充数组
- r - 在具有多个自变量的单变量逻辑回归后,将系数、置信区间和优势比存储在一个数据框中
- php - 如何在重定向 URL Laravel 8 和 Inertiajs 中保留哈希
- java - JSF 内存问题
- c# - c# UnitTesting 测试是否进行了 API 调用
- c++ - “引用调用”机制在递归程序中是否以某种方式有所帮助?