webpack-html-loader

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"),

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: {

0熱度

1回答

使用webpack html-loader全局許多html文件？

我試圖散列和優化我的圖像在由靜態網站生成器雨果生成的HTML文件。我能得到html-loader處理文件一次一個，使用的測試配置： entry: { main: './entry.js' }, module: { rules: [ { test: /\.jpg$/, use: [ "file-loader" ] }, { t

0熱度

1回答

如何解決Webpack Dev Server不被忽略的HTML文件註釋？

我有一個webpack（v3.5.6）構建使用html-loader和處理多個HTML文件到自己，使用url-loader嵌入較小的圖像到HTML。該配置對於構建完美無缺，但在使用Webpack Dev Server（v2.7.1）時失敗，因爲Webpack Dev Server似乎不會忽略源HTML文件中的註釋。它試圖從HTML的註釋部分請求資源，並且目前還不存在其中一些資源。下面是一個示例誤

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

2熱度

1回答

導入HTML用的WebPack

我試圖導入HTML到使用的WebPack在打字稿的變量。這裏是我的設置：的package.json： { "devDependencies": { "awesome-typescript-loader": "^3.2.3", "html-loader": "^0.5.1", "ts-loader": "^2.3.7", "typescript"

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`"

10熱度

4回答

初始靜態React HTML渲染與Webpack

有沒有一種方法可以直接在HTML入口點預生成（單一路由）React應用程序的HTML結構？然後，在加載任何JS之前，頁面將能夠顯示HTML（基於React初始狀態）。我實際使用webpack-html-loader但任何其他裝載機或插件是歡迎;） PS：可能static-site-generator-webpack-plugin幫上什麼忙？ PS：我不使用路由器做出反應