vite配置一个css插件

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},};
}