8000 检查webpack编译之后的代码是否存在ES5+代码 · Issue #10 · xianzou/blog · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
检查webpack编译之后的代码是否存在ES5+代码 #10
Open
@xianzou

Description

@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

运行结果:
image

更多用法参照:

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

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0