如何在quasar.conf.js中导入配置文件并定义环境变量

Question

是否可以在quasar.conf.js中导入配置文件？ 我在src / config / index.js中用env const创建一些配置文件

Answer 1

在Quasar Framework的Discord频道中，一切都没有答案。

/config/index.js

module.exports = {
  NODE_ENV: 'development',
  FOO: 'bar'
}

/src/pages/Index.vue

<template>
  <q-page class="flex flex-center">
    <div class="layout-view">
      API: {{ api }}
      <br>
      FOO: {{ bar }}
    </div>
  </q-page>
</template>

<script>
export default {
  name: 'PageIndex',
  data () {
    return {
      api: process.env.API,
      bar: process.env.FOO
    }
  }
}
</script>

还有您的quasar.conf.js：

const config = require('./config/index.js')
...
module.exports = function (ctx) {
  return {
    ...
    build: {
      env: ctx.dev
        ? { // so on dev we'll have
          API: JSON.stringify('https://dev.api.com'),
          FOO: JSON.stringify(config.FOO)
        }
        : { // and on build (production):
          API: JSON.stringify('https://prod.api.com')
        },