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？由於插件中的模板設置？插件是否使用加載程序的輸出？但是輸出只