检查webpack编译之后的代码是否存在ES5+代码

[xianzou]

检查webpack编译之后的代码是否存在ES5+代码

1、使用webpack插件 check-es-version-webpack-plugin

​ 此插件检查Webpack输出的ES版本是否与指定版本的ES兼容。例如，如果您的项目支持最高支持ES5的IE11，则必须确保您的JavaScript包不包含ES2015 +语法，例如类，async / await等等。

示例：

const { CheckEsVersionPlugin } = require("@bitjourney/check-es-version-webpack-plugin");

const config = {
  // ...
};

if (productionMode) {
  // this plugin works only for production mode,
  // because webpack wraps the input with eval() in development mode.
  config.plugins.push(
    new CheckEsVersionPlugin({
      esVersion: 5,
    }),
  ...
}

详细使用，参照：https://github.com/bitjourney/check-es-version-webpack-plugin；

2、es-checker命令

全局安装

npm install es-checker -g
or
yarn global add es-checker

安装后，在命令行中执行

es-checker

运行结果：

更多用法参照：

https://github.com/ruanyf/es-checker；

http://www.ruanyifeng.com/blog/2015/06/es-checker.html；

https://www.cnblogs.com/kongxianghai/p/7195663.html；