Question

我正在使用stenciljs处理Web组件。它强大的库可用于创建可在任何地方重复使用的Web组件。我想知道模板编译器是如何工作的。我的意思是，当我创建任何组件的构建时，它会在dist内创建多个文件夹，并且当我们不得不使用该组件时，我们只需要添加1或2个文件，如下所示。（我使用bit.dev上传了我的组件）

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="module" 
    src="./node_modules/@bit/kishanoza.demo.accordian/dist/dist/accordian/accordian.esm.js">
    </script>
    <!-- <script nomodule=""

    src="./node_modules/@bit/kishanoza.demo.accordian/dist/dist/accordian/accordian.js">
    </script> -->

</head>
<body>
  <accordian></accordian>
</body>
</html>

在同一时间，我使用react尝试了相同的组件，但在React中，它们没有创建多个模板（如模具）。

所以这是模具创建的文件夹列表，是dist文件夹

cjs
收藏
esm
esm-es5
accordian
类型和一些index.js文件

所以我的问题是所有这些文件夹的用途是什么。我对此很担心，因为当我在某个微型前端应用程序中收集所有模块时，我并不需要所有组件的文件夹那么多。

因此，如果我能理解它的用法，则可以在微型前端应用程序中调试和管理重复的文件夹和代码。

感谢您的帮助

更新

我已经使用模版检查了ionic及其构建，因此当我在ionic中构建一个hello word应用程序并检查www文件夹时，它包含所有未在整个应用程序中使用的组件的模块。 3 MB ！！！为什么如果我不使用离子导入所有组件事件？

在这种情况下，我尝试了最好的反应..当我在反应中添加模板组件时，每个组件只有一个文件，然后同一问题，多个模板文件只为一个组件生成，而其他地方只对一个文件进行反应:)是'太酷了吗？：）

在StencilJS中的dist /文件夹中创建文件夹的目的是什么？

0 个答案: