quasar-framework - 如何在 quasar.conf.js 中导入配置文件并定义环境内容

Question

是否可以在 quasar.conf.js 中导入配置文件？我在 src/config/index.js 中创建了一些带有 env consts 的配置文件

Answer 1

由 Quasar Framework 的 Discord 频道中的 nothingismagick 回答。

/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')
        },