vite.config.js的plugins執行函數?
?
該例子只是替換一些css,具體內容不重要,主要看形參的運用?
// vite-plugin-css.js
export default function cssPlugin() {return {name: 'vite-plugin-css-post', // 插件的名字,Vite 插件必須有名字enforce: 'post', // 設定插件執行的時機,pre 表示在 Vite 的 CSS 預處理之前transform(css, id) {if (id.endsWith('.css')) {// 在這里處理 CSS 文件內容console.log('======文件post', id);css = css.replace(/\*:not\([^\)]+\),.*?::file-selector-button/g, function (res) {return '*'});css = css.replace(/:not\(#[^\)].*?\)/g, function (res, a) {return ''});return {code: css, // 返回處理后的 CSS 內容map: null, // 如果需要支持 sourcemaps,可以返回 sourcemap 數據};}return null; // 如果文件不是 .css 文件,返回 null},};
}