我最近升級到 Webpack 5,我的 html-loader 不再加載 svg 檔案并行內它們。
這是我在 webpack 中的 svg 規則
{
test: /\.svg$/,
use: [
{
loader: 'html-loader',
options: {
minimize: true,
},
},
],
},
無論我如何嘗試匯入它,它似乎只是創建一個檔案而不給我一串 HTML。
import mySvg from "../path/to/my.svg"
let mySvg = require("../path/to/my.svg").default;
// output = "/build/path/my.svg"
// output I want = "<svg>...."
它過去沒有給我幾個構建檔案,而是將它們行內在我的 JS 中。
幫助將不勝感激。
uj5u.com熱心網友回復:
svg-inline-loader可以實作相同的(確認作業)。
我在https://survivejs.com/webpack/loading/images/#loading-svgs列出了加載 SVG 的其他選項。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/418675.html
標籤:
