使用Webpack从html文件加载敲除模板

丹尼尔·希尔加斯

我正在尝试从外部文件加载我的基因剔除模板。
我的设置如下:

  • 高于海平面
  • 网络包
  • 打字稿

现在,我尝试了几种不同的选择,但没有一种有效:

文本加载器/原始加载器/ html加载器

template: require("text-loader!./my-component.html")
// or
template: require("raw-loader!./my-component.html")
// or
template: require("html-loader!./my-component.html")

无效,因为这会返回类似于Javascript代码的文本,并且我的模板位于内部。

淘汰模板加载器

template: require("knockout-template-loader!html-loader!./my-component.html")

无效,因为它仅返回一个空对象。

脚本模板加载器

template: require("script-template-loader?addToDom=true!./hello.html")

这有两个问题:

  1. 模板不喜欢HTMLScriptElement对象
  2. 生成的脚本在字符串旁边没有实际内容 [object Object]

require 选项

template: {require: "text-loader!./my-component.html"}

无法正常运行,因为我在运行时遇到错误:

无法读取位于以下位置的未定义的属性“调用” __webpack_require__

我想念什么?

丹尼尔·希尔加斯

html-loader插件确实可以正常工作。一开始为什么不起作用的原因是我knockout-template-loader在webpack.config.js中注册为html文件的默认加载器。
即使在require中指定了特定的加载器,它看起来也正在使用它。
删除该规则后,现在可以使用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Webpack:从html模板加载图像

webpack:在html模板中使用哈希文件名

加载HTML模板从元素使用jQuery单独的文件

使用带有 webpack 的 angularjs 时无法加载 html 文件

如何使用Webpack从模板加载VueJS应用?

如何使用Webpack 3,Typescript和文件加载器加载index.html文件?

使用JavaScript加载HTML模板

用于.ejs模板中图像的Webpack文件/图像加载器

使用Webpack替换HTML模板中的按钮

如何使用webpack文件加载器加载图像文件

使用Webpack从节点模块加载CSS文件

使用angularjs和rails加载html模板

使用es6模板字符串加载器导入html文件

GOLANG 如何使用 http.FileServer 从模板目录加载某个 html 文件

使用webpack的多个HTML文件

在Webpack中使用文件加载器和HTML加载器时,图片的src属性为“ [对象模块]”

使用文件加载器从webpack的jQuery UI加载资产

无法使用Webpack文件加载器加载图像

使用文件加载器加载Webpack车把图像

Webpack html-webpack-plugin在模板中加载收藏夹图标

如何使用Webpack在js文件而不是html文件中加载CDN或外部供应商javascript lib

从文件加载组件模板

ejs从文件加载模板

将本地 JSON 文件加载到 HTML 模板中

如何在运行时从文件加载 HTML 模板?

如何在Angular的组件模板中加载HTML文件?

将HTML模板从文件加载到AngularJs的变量中

使用webpack中的文件加载器导入更少的文件

使用webpack文件加载器缩小/优化所需的文件