上一主题 下一主题
返回列表 发新帖

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

[复制链接]

79

主题

534

帖子

759

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
759
发表于 2021-1-19 15:27:45 | 显示全部楼层 | 阅读模式

方法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

回复

使用道具 举报

发表回复

本版积分规则

快速回复 返回顶部 返回列表