首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用ParcelJS将HTML作为字符串导入

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

Stack Overflow用户
提问于 2021-04-28 21:24:26
回答 3查看 850关注 0票数 3

我想用ParcelJS作为字符串导入HTML文件,如下所示:

代码语言:javascript
运行
复制
import testHTML from './testHTML.html';

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

但医生说:

在JavaScript中导入HTML并不静态地包含HTML字符串,但是将使用Fetch API动态地获取HTML文件。

是否有任何方法将导入强制为字符串?

EN

回答 3

Stack Overflow用户

发布于 2021-05-08 17:30:54

几天后跟进-似乎是不可能的。不过,RollupJS有这种能力。

票数 1
EN

Stack Overflow用户

发布于 2021-05-08 18:04:30

如果您将rollup用作模块包,则此插件汇总-plugin-html将允许您将html文件作为字符串导入:

rollup.config.js

代码语言:javascript
运行
复制
import htmlLoader from "rollup-plugin-html";

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

代码语言:javascript
运行
复制
import testHTML from './testHTML.html';

document.body.insertAdjacentHTML('afterbegin', testHTML);
票数 0
EN

Stack Overflow用户

发布于 2022-05-02 10:01:01

从‘bundle-text:./index.pug’导入html;document.body.innerHTML = html;

所以html也很好

没有任何配置

代码语言:javascript
运行
复制
import html from 'bundle-text:./index.html';
document.body.innerHTML = html;

打字稿修正ts(2307)

就像"*.vue“

代码语言:javascript
运行
复制
// index.d.ts
declare module 'bundle-text:*' {
    const s: string
    export default s
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67308101

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档