IE11 support for compiled JS file about vue-browser-sfc HOT 3 CLOSED

Most of the time I use vue-browser-sfc when I include Vue in very basic/simple websites. Some of those websites need to be compatible with IE 11. Since IE 11 is not supporting arrow functions etc. it would be neat if vue-browser-sfc would make the compiled JS files IE11 ready out of the box. At the moment I always have to manually correct the not supported syntax after I compiled the file.

Hi!
I found a way-out.

Add following to your package.json devDependencies section:

 "babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1"

Also create file .babelrc with contents:

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 versions", "ie >= 11"]
      },
      "useBuiltIns": true
    }]
  ]
}

Then you should be done. But IE sometimes needs polyfills, this is on you.

from vue-browser-sfc.

@megasent1 Thanks for your help with this. I updated some of the dependencies and the package.json file to include the "browserlists" property matching the settings you're using. I can't test at the moment, but hopefully this fixes the issues you're seeing.

from vue-browser-sfc.

That is great @megasent1 . Thank you very much!

from vue-browser-sfc.