问题描述
我一直在学习如何构建 Web 组件,虽然我现在可以在一定程度上做到这一点,但我所看到的将所有代码放入单个文件的常见做法总是让我感到有些困扰。
如果有人告诉我一个 Web 组件由一些 HTML、JavaScript 和 CSS 组成,我自然会假设它们通常采用如下结构打包:
component
|-- component.html
|-- component.js
|-- component.css
但是,对于我在各种存储库中找到的所有示例来说,这似乎都是正确的,只有一个 component.js
或 component.html
文件包含代码的所有三个部分,而我的搜索还没有找到一个很好的干净的方法。我尝试构建具有上述结构的组件,使用 script
标记引入 component.js
文件,但遇到了 component.js
必须从 ./component/component.html
读取的奇怪事实而不是 ./component.html
,因为实际读取的文件是 index.html
。
这是有意的设计决定吗?我承认,我更喜欢单独的文件,但我开始觉得这可能与我在 async/await
的教育相似,而不是试图找到解决方法,只需接受平台就是这样已经设计并在该设计中工作。艾米,我说对了吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)