我想使用和改变其他组件的全局变量，我的文件结构看起来像这样...enter image description here我的变量在global.sass文件中，但是我不能访问其他组件中的变量。
xpcnnkqh1#
您需要设置配置文件vite.config.js：
vite.config.js
css: { preprocessorOptions: { scss: { additionalData: `@import "@/assets/global.scss";` } } },
同样对于本地字体，你可以在那里添加另一个配置，设置别名：
resolve: { alias: { '@': path.resolve(__dirname, 'src'), } },
然后像这样使用它：
@font-face { font-family: 'Opensans-Bold'; font-style: normal; src: local('Opensans-Bold'), url(@/assets/fonts/OpenSans-Bold.woff2) format('woff2'); }
mm9b1k5b2#
Nikola的回答是正确的。对于任何Nuxt3用户，我想补充的是，您需要确保您的nuxt配置文件中没有显式的css配置。否则，您可能会得到file already imported错误
css
file already imported
2条答案
按热度按时间xpcnnkqh1#
您需要设置配置文件
vite.config.js：同样对于本地字体，你可以在那里添加另一个配置，设置别名：
然后像这样使用它：
mm9b1k5b2#
Nikola的回答是正确的。对于任何Nuxt3用户，我想补充的是，您需要确保您的nuxt配置文件中没有显式的
css配置。否则，您可能会得到file already imported错误