在 svelte 中导入 javascript 文件

Posted 2023-02-19

【中文标题】在 svelte 中导入 javascript 文件

【英文标题】：Import javascript file in svelte

【发布时间】：2019-11-12 07:30:08

【问题描述】：

所以今天我发现了Svelte，我绝对喜欢这个概念。我只遇到了一个问题，我编写了一个小的 helper.js 文件，但似乎无法导入它。每次我尝试引用我得到的类时

ReferenceError: Helper 未定义

main.js 文件：

import App from './App.svelte';
import './helper.js';

var app = new App(
    target: document.body
);
export default app;

App.svelte 文件：

<script>
    let helper = new Helper();
</script>

<h1>Hello</h1>

helper.js 文件：

class Helper 
  constructor() 
    console.log("working");
  

【参考方案1】：

你需要将它导入到使用它的文件中：

<script>
  import Helper from './helper.js';
  let helper = new Helper();
</script>

<h1>Hello</h1>

【讨论】：

感谢工作，但我还必须在 Helper.js 文件中添加“导出”。关于这一点：是否有另一种选择可以在没有“import”语句的情况下添加整个文件。像

不，那是个坏主意——如果你的导入和导出是明确的，你最终会构建出更易于维护的软件

如果你有一个遗留的 js 文件怎么办。你如何包含它？它不导出任何东西。

添加为<script>标签