如何使用 stencil-sass 插件在 scss 中传递环境变量

Question

我有一个要求，我必须通过读取环境变量来应用条件样式。 如果（模式=产品） {产品csslink} 别的 {开发csslink}

import { Config } from '@stencil/core'
import { sass } from '@stencil/sass'

export const config: Config = {

plugins: [
 sass('**HERE I NEED TO PASS ENV VARIABLE**')
]
}

Answer 1

您可以使用 env 变量注入不同的全局路径（参见 https://github.com/ionic-team/stencil-sass#inject-globals-sass-paths）：

export const config: Config = {
  plugins: [
    sass({
      injectGlobalPaths: [
        process.env.MY_VAR === 'foo'
          ? 'src/global/variables-one.scss'
          : 'src/global/variables-two.scss',
      ],
    }),
  ],
}