李恒道 发表于 2021-1-19 15:27:45

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
页: [1]
查看完整版本: quasar配置env开发环境配置.env.development和.env.production