Javascript 如何使用Babel standalone将html导入转换为变量？

我想使用Babel插件在浏览器客户端动态转换我的代码。但babel插件将html导入转换为字符串构建为从带有文件库的节点运行。但是在浏览器中，我不能在线使用这些文件库

我怎样才能让Babel独立转换此代码

我的声明：

import template from './template.html';

var template = '<div>my template<div>';

转换为：

import template from './template.html';

var template = '<div>my template<div>';

var-template='my-template'；

我发现了一种简单的方法，可以将babel插件转换html导入字符串转换库中使用的插件代码包含在内

步骤1

将Babel导入到文档中

步骤2

然后，我获取了代码并删除了文件库，并为代码添加了一个字符串值html。此代码来自此

示例

我在这里的Sencha小提琴中添加了对它的支持。请在此处查看示例：。如果您检查devtools，它将位于require.js中