Where can I set the options for @vue/babel-preset-app?

[jessegavin]

I have a particular need to be able to set different targets for babel-preset-env dynamically from my vue.config.js file.

I am unsure how to do that. Is it in the pluginOptions like so?

module.exports = {
  pluginOptions: {
    '@vue/babel-preset-app': {
      targets: "> 1%, IE 10"
    }
}

[screetBloom]

You can specify browsers in package.json browserslist or .browserslistrc

A default Vue CLI project uses browserslist field in package.json.

// package.json
{
  "name": "vue-project",
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "IE 10"
  ],
}

@jessegavin

[jessegavin]

Thanks, however I am specifically wondering if it's possible to configure this from within my vue.config.js file.

[screetBloom]

If you specifically want to do this in vue.config.js, consider using configureWebpack and chainwebpack

For example, you can do it like this 👇

• babel-loader#options
• cli-plugin-babel#L108-L125

[jessegavin]

Thank you so much! This is exactly what I was after.

[screetBloom]

If solves your problem, you can mark it as an answer

[jessegavin]

I wish I could mark your reply to my reply as the answer.

But I'll mark the initial response as the answer and hopefully someone can find it.

Thanks so much for your help.