在CSS中,我們可以使用import引入單獨的CSS文件并將其應用于HTML中的元素。有時候,我們可能希望以另一種方式引入CSS文件,例如將TXT文件轉換為CSS文件。以下是一個簡單的方法可以實現這個目標:
// 引入fs模塊 const fs = require('fs'); // 讀取text文件 const text = fs.readFileSync('style.txt', 'utf8'); // 分割每行文本字符 const lines = text.split('\n'); // 定義css樣式對象 const style = {}; // 循環遍歷每行文本 for (let i = 0; i< lines.length; i++) { const line = lines[i].trim(); // 判斷是否為注釋或空行 if (line.startsWith('//') || line.length === 0) { continue; } // 分割樣式名稱和值 const parts = line.split(':'); // 清除名稱和值中的空格 const name = parts[0].trim(); const value = parts[1].trim(); // 向樣式對象中添加屬性和值 style[name] = value; } // 將CSS樣式對象轉為CSS文本 const css = Object.keys(style).map(key =>`${key}: ${style[key]}`).join(';'); // 將CSS文本寫入CSS文件 fs.writeFileSync('style.css', css);
這段代碼使用Node.js中fs模塊讀取TXT文件中的樣式,將其轉換為CSS對象,最后保存為CSS文件。如果你有一個大型的TXT樣式表,這個方法將會極大地減少你的樣式表代碼行數。