From cda56172489351f61b253ac4c7213a3ab35d3ad5 Mon Sep 17 00:00:00 2001 From: markthree <1801982702@qq.com> Date: Tue, 9 Jan 2024 12:17:41 +0800 Subject: [PATCH] fix: fix css prefix in nuxt generate --- components/_util/cssinjs/hooks/useCacheToken.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/components/_util/cssinjs/hooks/useCacheToken.tsx b/components/_util/cssinjs/hooks/useCacheToken.tsx index 9a11fb225f..5463406d77 100644 --- a/components/_util/cssinjs/hooks/useCacheToken.tsx +++ b/components/_util/cssinjs/hooks/useCacheToken.tsx @@ -8,9 +8,13 @@ import { ref, computed } from 'vue'; const EMPTY_OVERRIDE = {}; +const isProduction = process.env.NODE_ENV === 'production'; +// nuxt generate when NODE_ENV is prerender +const isPrerender = process.env.NODE_ENV === 'prerender'; + // Generate different prefix to make user selector break in production env. // This helps developer not to do style override directly on the hash id. -const hashPrefix = process.env.NODE_ENV !== 'production' ? 'css-dev-only-do-not-override' : 'css'; +const hashPrefix = (!isProduction && !isPrerender) ? 'css-dev-only-do-not-override' : 'css'; export interface Option { /**