💭
[Nuxt3] @nuxtjs/style-resorcesのマイグレーション
はじめに
私がNuxt3へのマイグレーションを実施した際、@nuxtjs/style-resorcesはNuxt3でサポートしてませんでした。
マイグレーション時にWebpackからViteに切り替えたこともあり、@nuxtjs/style-resorcesは削除して、Viteのcss.preprocessorOptionsで対応しました。
(私のチームではscssを利用していました)
マイグレーション
uninstall
yarn remove @nuxtjs/style-resources sass-loader
nuxt.configの修正
削除
buildModules: [
- '@nuxtjs/style-resources',
],
// ...
- styleResources: {
- scss: [~/assets/scss/index.scss],
- }
追記
+ vite: {
+ css: {
+ preprocessorOptions: {
+ scss: {
+ additionalData: `@use "@/assets/scss/index.scss" as *;`,
+ },
+ },
+ },
+ }
参考文献
Discussion