问题标签 [webpack-html-loader]

我在使用 Angular ( 4.4.4) 和 Webpack ( 3.6.0) 创建入门项目时遇到问题。我的配置template在component我的. 我正在使用模板加载templatetemplateUrl95% emtittinghtml-loader V0.5.1

webpack.common.js

app.component.ts

应用程序.html

包.json

我显然做错了什么，但我无法弄清楚那是什么..

我试过了

• 更改templateUrl为 './app.html'

• 更改 app.html为app.component.html（角度约定）

• 更改loaders:[angular2-template-loader]为loaders:[angular2-template-loader?keepUrl=true]

我还检查了大多数 Angular 启动器（包括 angular-cli）的 webpack.config.js，它们使用raw-loader的是html-loader. 让我想知道，可以html-loader与 结合使用AOT compilation，因为它创建内联 html？

我正在尝试使用 webpack 将 html 导入到打字稿中的变量中。

这是我的设置：

包.json：

webpack.config.js：

main.ts：

模板.html：

当我尝试使用 webpack 进行编译时：

我已经做了半天了，所以你可以确定template.html它应该在哪里。

从我从 webpack 配置中了解到的是 html-loader 应该首先处理文件，所以它应该将 html 文件的内容加载到变量中。至少，这曾经与 es6 一起工作......

谁能告诉我如何使用 webpack / typescript 将 html 加载到变量中？或者至少我的方法有什么问题。

我正在使用 Webpack 处理 HTML 和资产，这是最小的webpack.config.js：

我的来源index.html：

问题是在最终的 HTML 文档中，图像标签看起来像这样：<img src="[object Object]">.

我正在使用html-webpack-plugin我的源 HTML 文档作为模板生成输出 HTML，该模板使用html-loader.

图像实际上已添加到输出目录中。

我不确定我做错了什么？

我正在制作一个销售系统来记录和监控销售。我正在使用 webpack 来捆绑我的所有代码。对于后端，我使用的是 PHP 和 MySql。我遇到了 php-loader 包。描述说它将加载任何php内容并使用php将其转换为html页面。我不太确定我是否完全理解它的工作原理。如果要将其转换为 HTML 页面，我是否需要 html-loader。如果是，我应该如何将它放在 webpack.config.js 文件中？请指导我完成这个？提前致谢！

我有以下项目树

我正在从另一个项目运行 webpack，并且一些项目被导入到另一个项目中。但看起来来自 antoher-project 的 html-loader 看不到来自 some-project 的 html

如何处理这个问题？

这是另一个项目 tsconfig.json 的配置

网络包配置

我认为只有在某些资源被import或require d 并且资源与这样的加载器匹配时才会调用加载器。

但是在下面的代码中，没有在任何地方导入 html 文件，但是由于 html 中的下划线模板内容，仍然需要 html-loader 来使编译通过。

所以我有以下问题：

1. html-loader 什么时候开始播放？在生成捆绑包之后还是之前？
2. 为什么 webpack 会调用 html-loader？因为插件中的模板设置？

3. 插件是否使用加载器的输出？但是输出只是一个字符串，它怎么能有所作为呢？

   /li>

webpack html-loader 通过在 html 文件的前面放置一个“module.exports”来破坏我的 html 文件。

我不能在我的网站上有这个。

有没有办法解决？

奇怪的是，如果我使用 webpack 开发服务器，这个“module.exports”不会出现，只有当我实时发布它时才会出现。

我的 html 加载器是这样设置的：

有没有办法使用 webpack 将 html 部分包含在另一个部分中？我正在使用 html-loader 来执行此操作：

索引.html

但是当我尝试在 _header.html 中包含另一个部分时，它无法呈现它。

这不起作用：

_header.html

我想将我的项目文件分成多个文件。使用 sass 和 JavaScript 导入，我可以只为样式和脚本做到这一点。

但我也想分离 HTML 文件。我不使用任何框架，只是 webpack。

根据 webpack 文档，我们可以通过插值 https://webpack.js.org/loaders/html-loader/#interpolation做到这一点

require("html-loader?interpolate!./file.html");

<div>${require('./components/gallery.html')}</div>

但我得到了错误：

找不到模块 'html-loader?interpolate!./file.html'

我的 webpack 配置：

HTML

我该怎么做或插值如何工作？

我对 reactjs 和 webpack 很陌生。我想通过使用 html-loader 和 webpack 将 html 文件加载到 reactjs，但出现此错误

这是我的 webpack 配置

这就是我要加载的地方

我尝试遵循许多教程但无法解决此问题，我可能做错了什么？