webpack-html-loader

1热度

1回答

我正在写一个Angular2应用程序使用Webpack，也使用我的模板的html加载器。我有这条线在我的模板之一： <img attr.src="apps/{{ appName }}/icon.png" /> HTML装载机是可以理解试图加载在编译时该图标，并失败。正如你所理解的，我的意图是图标的路径是动态的（这是ngFor的一部分），因此我希望webpack在编译期间忽略它。我该如何指导ht

3热度

2回答

使用带有EJS文件的HTMLWebpackPlugin

我想使用HTMLWebpackPlugin获取我的index.ejs模板文件，插入捆绑的资产并输出最终的index.ejs文件。这个例子有一个EJS变量<%= API_URL %>，但webpack正在解释它。如何停止webpack来代替变量？启动 “模板”： <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

1热度

1回答

WebPack HTML和文件加载程序与编程img src

我使用WebPack 2，我们试图用Vue编程指定图像名称，并将其绑定到HTML中。由于图像名称和路径直到运行时才被绑定，因此HTML和文件加载器不会重写URL。有没有一种方法可以告诉HTML /文件加载器“在运行时可能需要[这些文件]中的任何一个”，而无需将它们放入文件复制插件的列表中？ <img :src="`~assets/images/tmp-iconic/${random}.jpg`"

4热度

2回答

如何在Jest测试中使用我的webpack的html-loader导入？

我刚刚开始使用Jest测试框架，虽然直接进行单元测试工作正常，但我有大量问题测试其模块（通过babel + webpack的ES模块）需要HTML文件的任何组件。下面是一个例子： import './errorHandler.scss'; import template from './errorHandler.tmpl'; class ErrorHandler { ...

2热度

3回答

webpack html-loader：<img>标记不触发url-loader

使用html-loader时，index.html中的<img>标记没有触发url-loader。这里是我的WebPack CONFIGS & HTML：的WebPack配置 // webpack config module.exports = { entry: { "index": path.join(__dirname, "./src/js/app.js"),

8热度

3回答

我应该怎么处理webpack上的“module.exports ='html_template_content'”

所以我想用webpack做一个非常简单的任务。我有一些静态的HTML模板，例如，的test.html <div><span>template content</span></div> 和所有我想要做的就是返回字符串在模板中如 require("raw!./test.html") 与应返回喜欢的字符串： "<div><span>template content</span></div>

1热度

1回答

使用pug-html-loader将数据传递给pug（无法读取undefined的属性）

根据自述文件pug-html-loader，加载程序接受data对象，该对象正在作为options的一部分传递给模板。虽然options在pug API reference内不可用，但我发现的一个grunt插件（grunt-contrib-pug）以相同的方式使用API。我指定的装载机以下选项： loader: 'pug-html-loader', options: {

1热度

1回答

Webpack不捆绑我的HTML文件

由于某些原因，我目前不明白，webpack不会将我的HTML文件捆绑到它生成的捆绑包中。它捆绑了其他所有东西，但遗憾的不是我的HTML文件。我使用角2，已包括的依赖关系： "html-loader": "^0.4.4", "html-webpack-plugin": "^2.22.0", 的webpack.config： var webpack = require('webpack');

0热度

1回答

无法在导入的HTML文件中的WebPack

试图导入的HTML中的JavaScript与html-loader插件导入HTML中JS与找到模块错误： import buttonHtml from './button.html'; 给出打字稿错误： Cannot find module './button.html' Webpack配置： const path = require('path'); module.exports =

1热度

1回答

html-webpack-plugin如何与html-loader一起使用？

我想到了一个加载器调用，只有当某些资源进口版或需要某处Id和资源匹配这样的装载机。但在下面的代码中，任何地方都不会导入html文件，但由于html中的下划线模板内容，html-loader仍然需要进行编译传递。所以，我有以下问题：什么时候HTML加载器来打？在生成包之后还是之前？为什么webpack会调用html-loader？由于插件中的模板设置？插件是否使用加载程序的输出？但是输出只