歡迎來到我的 ***** 問題
我花了幾天時間試圖解決一些問題。
我正在嘗試使用Grapes JS、React JS 和 Vite 創建一個網頁編輯器，直到出現創建不同主題的王國……
主題在不同的插件中，這個插件在從反應應用程式運行的專案中，我的問題是當我嘗試在插件目錄中加載一個 css 檔案時：
import styles from "../../dist/main.css";
const cssStyle = document.createElement("style");
cssStyle.innerHTML = styles ;
const doc = iframe.contentDocument;
const f = setInterval(() => {
if (doc.readyState === "complete") {
doc.head.appendChild(cssStyle);
clearInterval(f);
}
}, 100);
這種樣式在我的反應應用程式中全域應用，我只想在頭部標簽中注入 iframe。
有沒有辦法在不全域編譯這個css檔案的情況下加載css檔案？
感謝幫助
uj5u.com熱心網友回復：
當你一個 .css 檔案時， Vite會自動將 CSS 樣式注入頁面。import很有幫助......直到它不是。根據你的描述，我打賭那是罪魁禍首。
有一種方法可以禁用該行為：看起來添加?inline到檔案名將禁用注入并僅獲取檔案內容。所以你的第一行看起來像這樣：
import styles from "../../dist/main.css?inline";
這應該給你styles一個純字串，然后你的其余代碼應該可以作業。
PS 歡迎來到 StackExchange :)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/514529.html
標籤：css反应框架维特葡萄
上一篇：如何使用CSS為影像設定影片，使其線性傳播并同時縮小？
下一篇：如何一次更改多個正方形顏色？