兼容IE

Elux 最低可以兼容到 IE10，但需要特别处理：

需要UI框架本身支持

例如 Vue3/React18 本身不支持IE

需要Polyfill

可以使用一些网站提供的ES6 Polyfill在线生成服务，也可以使用elux命令工具自己制作：

将以下内容保存为./public/polyfill.esm.js

//Elux需要
import 'core-js/features/string/starts-with';
import 'core-js/features/string/ends-with';
import 'core-js/features/string/trim';
import 'core-js/features/array/find';
import 'core-js/features/array/find-index';
import 'core-js/features/object/assign';
import 'core-js/features/symbol';
import 'core-js/features/promise';

//React需要
import 'core-js/features/set';
import 'core-js/features/map';

在./package.json中加入scripts

 {
   "scripts": {
     "polyfill": "elux webpack-pack -m ./public/polyfill.esm.js ./public/client/polyfill.js",
   }
 }

打开终端，运行yarn polyfill，得到./public/client/polyfill.js
将polyfill.js引入./public/client/index.html

需要替代ES6 Proxy

由于 ES6 的Proxy是无法使用 polyfill 的，而Elux中的dispatch action又使用了Proxy，所以需要替换它们：

在项目中安装NPM包@elux/cli-demote

在./package.json中加入scripts

 {
   "scripts": {
     "demote": "elux demote",
   }
 }

打开终端，运行yarn demote，该命令会自动修改./src/Global.ts以替换Proxy

需要设置编译目标

在./package.json中设置browserslist

{
  "browserslist": [
    "ie >= 10"
  ],
}

需要使用Elux的es5版本

默认使用的是Elux的es6版本，要使用es5版本，可以使用webpack别名：
修改./elux.config.js

// ./elux.config.js

module.exports = {
  prod: {
    resolveAlias: {
      '@elux/react-web': '@elux/react-web/dist/es5/pkg.js'
    }
  }
}

# 兼容IE

# 需要UI框架本身支持

# 需要Polyfill

# 需要替代ES6 Proxy