Vite & Vite-plugin-html-purgeCSS:加载配置失败，生成时出错

Question

我使用Vite作为一个项目的构建工具，并添加了插件“vite- plugin PurgeCSS”来使用PurgeCSS。但是，在构建时，我会得到以下错误：

    failed to load config from C:\Users\User Name\Documents\GitHub\project-template\vite.config.js
    error during build:
    TypeError: htmlPurge is not a function
        at file:///C:/Users/User%20Name/Documents/GitHub/project-template/vite.config.js.timestamp-1663917972492.mjs:6:5
        at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
        at async Promise.all (index 0)
        at async ESMLoader.import (node:internal/modules/esm/loader:533:24)
        at async loadConfigFromBundledFile (file:///C:/Users/User%20Name/Documents/GitHub/project-template/node_modules/vite/dist/node/chunks/dep-cff57044.js:63470:21)
        at async loadConfigFromFile (file:///C:/Users/User%20Name/Documents/GitHub/project-template/node_modules/vite/dist/node/chunks/dep-cff57044.js:63356:28)
        at async resolveConfig (file:///C:/Users/User%20Name/Documents/GitHub/project-template/node_modules/vite/dist/node/chunks/dep-cff57044.js:62973:28)
        at async doBuild (file:///C:/Users/User%20Name/Documents/GitHub/project-template/node_modules/vite/dist/node/chunks/dep-cff57044.js:45640:20)
        at async build (file:///C:/Users/User%20Name/Documents/GitHub/project-template/node_modules/vite/dist/node/chunks/dep-cff57044.js:45629:16)
        at async CAC.<anonymous> (file:///C:/Users/User%20Name/Documents/GitHub/project-template/node_modules/vite/dist/node/cli.js:748:9)

Vite.config.js在项目的根处定义，并且正在运行节点16.17.0。模板项目没有运行任何框架。

我尝试过两个配置文件：

import { defineConfig } from 'vite'
import htmlPurge from 'vite-plugin-html-purgecss'

export default defineConfig({
    plugins: [
        htmlPurge()
    ]
})

和

import htmlPurge from 'vite-plugin-html-purgecss'

export default {
    plugins: [
        htmlPurge()
    ]
}

Answer 1

我也有过同样的问题。我认为这是一个兼容性问题或更新，不再支持该插件。试着运行以下代码：

npm install vite-plugin-purgecss -D 

vite.config.js文件：

import { defineConfig } from "vite";    
import htmlPurge from 'vite-plugin-purgecss';


export default defineConfig({
    plugins: [
        htmlPurge([htmlPurge()]),
    ],
});

如果这对你有用的话请告诉我。