vue.js - 基于 nuxt.config.js 上的 .env 文件加载不同的 css

Question

我正在尝试基于我的 .env 文件加载不同的 css，因为我有两到三种类型的应用程序具有不同的设计。

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

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

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

Answer 1

在配置中的 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()
}