如何使用 ParcelJS 将 HTML 作为字符串导入

问题描述

我想使用 ParcelJS 将 HTML 文件作为字符串导入，如下所示：

import testHTML from './testHTML.html';

document.body.insertAdjacentHTML('afterbegin',testHTML);

但文档说：

在 JavaScript 中导入 HTML 不会静态包含 HTML 字符串，但会使用 Fetch API 动态获取 HTML 文件。

有没有办法强制导入为字符串？

解决方法

几天后跟进 - 这似乎不可能。 RollupJS虽然有这种能力。

,

如果您使用 rollup 作为模块包，此插件 rollup-plugin-html 将允许您将 html 文件作为字符串导入：

rollup.config.js

import htmlLoader from "rollup-plugin-html";

plugins: [
  ...
    htmlLoader({
      include: "**/*.html",}),...
]

那么：

import testHTML from './testHTML.html';

document.body.insertAdjacentHTML('afterbegin',testHTML);