测试一下，带代码的会是怎么样的效果
顶顶顶顶顶
export default defineNuxtConfig({
compatibilityDate: '2024-11-01',
devtools: { enabled: true },
modules: [
'@pinia/nuxt',
'@element-plus/nuxt',
'@nuxt/icon',
'@nuxtjs/google-fonts',
],
// Element Plus - use CSS to skip SCSS compilation entirely
elementPlus: {
importStyle: 'css',
},
// Global CSS - only SCSS entry point and plain CSS overrides
css: [
'~/assets/styles/index.scss',
],
// Vite SCSS - inject variables into every SCSS file
vite: {
optimizeDeps: {
include: ['element-plus', 'dayjs'],
},
css: {
preprocessorOptions: {
scss: {
additionalData: `@use "~/assets/styles/variables" as *;
`,
includePaths: [resolve(rootDir, 'assets/styles')],
},
},
},
},
// Runtime config
runtimeConfig: {
public: {
apiBase: process.env.NUXT_PUBLIC_API_BASE || 'http://localhost:8080',
},
},
// Nuxt Icon
icon: {
serverBundle: 'remote',
},
// Google Fonts
googleFonts: {
families: {
Inter: [400, 500, 600, 700],
},
display: 'swap',
},
// App
app: {
head: {
charset: 'utf-8',
viewport: 'width=device-width, initial-scale=1',
title: '金黑网络',
link: [
{ rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
],
},
},
})
顶顶顶
本站所有文章、数据、图片来源于互联网，仅供学习使用，如有侵权，联系删除！