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