how to add support for angular app for all safari browsers? Currently webpack errors are generated like Unexpected token 'const'

Question

Does any one knows about this ? My app is working fine on Chrome,Firefox, IE but now working on Safari browsers..... Safari browser raises error below are the errors

Webpack error on safari browser =>

1. SyntaxError: Unexpected token 'const' in vendor.bundle.js:102174

2. TypeError: 'undefined' is not an object (evaluating 'modules[moduleId].call') in inline.bundle.js:55

Does any one know how to add support for safari browsers old and new version both for es6??? or how to solve these errors

Answer 1

you can use babel transpiler for that, check this https://shinesolutions.com/2015/07/07/es6-with-babel-js/

npm install --save-dev babel-loader babel-core babel-preset-env webpack
and inside your webpack config:
module: {
 rules: [
{
  test: /\.js$/,
  exclude: /(node_modules|bower_components)/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['env']
    }
  }
}
]
}