在nuxt.config.js上基于.env文件加载不同样式表

Question

我试图在我的.env文件上加载一个不同的css基础，因为我有两三种类型的应用程序，它们有不同的设计。

我的nuxt.config.js看起来像这样

export default {
  mode: "spa",
  css: process.env.APP_TYPE == 1 ? ["~/assets/scss/app1.scss"] : ["~/assets/scss/app2.scss"]
}

我想加载2-3个不同的scss基于我的.env文件

Answer 1

在config中的export语句之前创建一个函数，该函数将返回css-array。例如：

const getCss = () => {
  return process.env.APP_TYPE == 1 
   ? ["~/assets/scss/app1.scss"] 
   : ["~/assets/scss/app2.scss"]
}
export default {
  mode: "spa",
  css: getCss()
}