I am using webpack

[dragonwong]

How to translate your code to ES5?

1. Install dependency

# 安装加载器 babel-loader 和 Babel 的 API 代码 babel-core
npm install --save-dev babel-loader babel-core
# 安装 ES2015（ES6）的代码，用于转码
npm install babel-preset-es2015 --save-dev

2. Add rule in webpack.config.js

  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015'],
        },
      },
    ],
  },

[dragonwong]

regeneratorRuntime is not defined

在 chrome 插件开发时使用 async await 时报错：regeneratorRuntime is not defined，需做如下修改：

1. npm i babel-polyfill --save-dev

2. webpack.config.js 添加 babel-polyfill 入口

module.exports = {
  entry: ['babel-polyfill', './src/index.js'],
}

[dragonwong]

关闭域名检查

有时页面不在 localhost 域名下（和 js 域名不一致，js 还在 localhost 下面），会导致域名检查失败，报：

Invalid Host/Origin Header
[WDS] Disconnected!

解决：在 webpack.config.js 的 devServer 配置中添加：disableHostCheck: true