javascript - 使用汇总将svelte html文件导入js文件

Question

.js 文件：

import template from './Template.html';

class VacationListForCompany extends HTMLElement {

constructor() {
    super();
    const root = this.attachShadow({mode:'open'});

    const t = new template({ target: root });

  }
}

window.customElements.define("vacation-list-for-company", 
VacationListForCompany);

苗条/HTML文件

<h1> This is from SVELTE </h1>
<script>
    export default {
    };
</script>

在我的 Rollupfile 中 import svelte from 'rollup-plugin-svelte';

export default {
   input: 'Widgets/VacationListForCompany/widget.js',
   output: {
      format: 'iife',
      file: 'dist/vacationlistforcompany.js',
  },
  plugins: [
    svelte({ include:'*.html'})
  ],
};

似乎汇总无法在导入时生成纤细的组件。我在这里误解了什么吗？

Answer 1

默认情况下，Svelte 将 HTML 文件编译为 Svelte 组件。 请参阅 Svelte 组件 API 的文档。

要生成自定义元素，您需要传递customelement: true给编译器（在您的情况下，通过在传递给的选项中设置它rollup-plugin-svelte）。见 PR 797

Answer 2

这当然是我这边的一个错误......

svelte({ include:'*.html'}) 

由于某种原因拼写错误，删除它使其工作..