Vue Browser Support

Posted on  by admin

Vuetify is a progressive framework that attempts to push web development to the next level.

browserslist #

In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer.

#Template caveat

This is not an exhaustive list of compatible browsers, but the main targeted ones. Vuetify utilizes features of ES2015/2017 that require the need to use polyfills for Internet Explorer 11 and Safari 9/10.

#Webpack

Unfortunately Vue CLI doesn’t automatically bring IE11 compatibility in which you may encounter various errors (such as Symbol is not defined).

To assist in resolving these errors you need to manually add transpileDependencies parameter in vue.config.js:.

Polyfills #

If you are using a custom Webpack setup, you will need to install the core-js and regenerator-runtime packages. In your terminal, run the following command:.

#Browsers

Include the plugin as early as possible within your main.js file—or whatever the main entry point of your application is.

Instead of manually installing and importing the polyfills that you need, we recommend that you install @babel/preset-env.

This package ensures only the necessary polyfills are added to your application based upon your designated settings.

#IE11 and Safari 9 support

Once installed, add the preset to your babel.config.js file:.

or if using a .babelrc file:. Due to Internet Explorer’s limited support for