`public/config.js` const config = (() => { return { "TEST_ONE": "hello", "TEST_TWO": "world" }; })(); `src/index.template.html` <script src="config.js"></script> `.eslintrc.js` config: 'readable' }, `.quasar.conf.js` // https://quasar.dev/quasar-cli/handling-webpack // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain chainWebpack (chain) { chain.module .rule('custom-config') .test(/config.*config\.js$/) .use('file-loader') .loader('file-loader') .options({ name: 'config.js' }); chain.plugin('eslint-webpack-plugin') .use(ESLintPlugin, [{ extensions: [ 'js', 'vue' ] }]) }, `src/boot/env.js` export const TEST_ONE = config.TEST_ONE export const TEST_TWO = config.TEST_TWO folder structure src boot env.js index.template.html public config.js .eslintrc.js Now you can use it anywhere :)