quasar配置env开发环境配置.env.development和.env.production

李恒道

方法2 dot-env

大概测试了下，不知道是我个人问题还是配置问题，无法再quasar.config.js读取到env环境配置，所以又找到了这个方法，使用如下

安装

npm install — save-dev dotenv

配置文件

在src下创建config文件夹新建envparser.js文件

输入以下代码

const DotEnv = require('dotenv')
const parsedEnv = DotEnv.config({ path: `.env.${process.env.NODE_ENV}` }).parsed

module.exports = function () {
  return parsedEnv
}

引用

在quasar.config.js引入 const envparser = require('./src/config/envparser.js')

然后在build内添加env:envparser()

    build: {
      env: envparser(),
      vueRouterMode: "hash", // available values: 'hash', 'history'

      // transpile: false,

      // Add dependencies for transpiling with Babel (Array of string/regex)
      // (from node_modules, which are by default not transpiled).
      // Applies only if "transpile" is set to true.
      // transpileDependencies: [],

      // rtl: false, // https://quasar.dev/options/rtl-support
      // preloadChunks: true,
      // showProgress: false,
      // gzip: true,
      // analyze: true,

      // Options below are automatically set depending on the env, set them if you want to override
      // extractCSS: false,

      // https://quasar.dev/quasar-cli/handling-webpack
      extendWebpack(cfg) {}
    },

大功告成，参考文章

https://ithelp.ithome.com.tw/articles/10246881

https://dev.to/jotcomponents/how-use-env-files-in-quasar-1k55