Rollup 不会从 Svelte 编译 HTML答案

【问题标题】：Rollup does not compile HTML from SvelteRollup 不会从 Svelte 编译 HTML
【发布时间】：2021-12-25 22:06:36
【问题描述】：

我目前正在尝试将 svelte 集成到我的另一个项目中，但我遇到了一个我认为可能与 rollup 或者更确切地说是用于 rollup 的 svelte 插件有关的问题。

之前可能需要了解的重要信息：我也想使用 typescript。（所以在一切之前，我总是跑node scripts/setupTypeScript.js）

问题在于，看似随机的汇总不会从 svelte-source 文件生成 HTML 和 CSS 文件。

我尝试在 rollup.config.js 中明确包含源文件：

svelte({
    include: "src/**/*.svelte",
    preprocess: sveltePreprocess({ sourceMap: !production }),
    compilerOptions: {
        // enable run-time checks when not in production
        dev: !production
    }
}),

并且还替换了

import App from "./App.svelte

与

const App = require("./App.svelte")

但没有运气。

当我运行rollup -c 时，我总是只在public/build 文件夹中获得bundle.js 和bundle.js.map，但没有HTML 或CSS 文件。

我错过了什么？

项目文件夹如下所示：（在我运行rollup -c之后）

│   .gitignore
│   package-lock.json
│   package.json
│   README.md
│   rollup.config.js
│   tsconfig.json
│
├───.vscode
│       extensions.json
│
├───node_modules
│       [...]
│
├───public
│   └───build
│           bundle.js
│           bundle.js.map
│
└───src
        App.svelte
        global.d.ts
        main.ts

【问题讨论】：

标签： svelte rollup

【解决方案1】：

所以我想我找到了解决办法。

我认为问题在于，当我运行新编译时，我总是删除 public 文件夹，因为我认为它包含的只是编译器无论如何都会生成的文件。

我想情况并非如此。

在我从另一个模板中复制了一个新的 public 文件夹后，它现在似乎可以工作了。

尽管我仍然不完全理解为什么这是必要的，因为模板 ZIP 本身不包含 public 文件夹。它也仅在我第一次运行npm run build 后生成。所以出于某种原因，在某些时候，编译器不再完全生成它。

【讨论】：