Vite & Vite-plugin-html-purgeCSS：加载配置失败，构建期间出错答案

【问题标题】：Vite & Vite-plugin-html-purgeCSS: failed to load config, error during buildVite & Vite-plugin-html-purgeCSS：加载配置失败，构建期间出错
【发布时间】：2022-10-01 12:03:43
【问题描述】：

我正在使用 Vite 作为项目的构建工具，并添加了插件“vite-plugin--html-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()
    ]
}

标签： node.js vite

【解决方案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()]),
    ],
});

让我知道这是否适合你。

【讨论】：