koa 使用es6

• 很明显，我们的项目报错了。那么原因就是因为它无法识别我们import的语法，所以我们就需要使用到Babel转换器来将ES6语法转化为ES5语法。

npm install @babel/core @babel/preset-env @babel/register @babel/cli @babel/node

• 安装完成后，我们写一个入口文件index.js然后将内容与Babel引入在index.js中去。

require('@babel/register');
require('./src/app');

• 接下来我们还需要一步则是需要在根目录下创建.babelrc文件在文件内进行babel的配置 不推荐用这个 会导致 打包后的报错

{
  "presets": ["@babel/preset-env"]
}

babel 我推荐用下面的这个方式
 

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage",
        "corejs": {"version":"3.14","proposals":true},
        "modules":"commonjs"//必写，export“default”的警告加上之可以去掉
      }
    ]
  ],
  "plugins": [
    [
      "@babel/plugin-transform-runtime",
      {
        "corejs": 3
      }
    ],
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-syntax-import-meta",
    "@babel/plugin-proposal-json-strings",
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-function-sent",
    "@babel/plugin-proposal-export-namespace-from",
    "@babel/plugin-proposal-numeric-separator",
    "@babel/plugin-proposal-throw-expressions",
    "@babel/plugin-proposal-export-default-from",
    "@babel/plugin-proposal-logical-assignment-operators",
    "@babel/plugin-proposal-optional-chaining",
    [
      "@babel/plugin-proposal-pipeline-operator",
      {
        "proposal": "minimal"
      }
    ],
    "@babel/plugin-proposal-nullish-coalescing-operator",
    "@babel/plugin-proposal-do-expressions",
    "@babel/plugin-proposal-function-bind"
  ],
  "compact": false,
  "ignore": []
}

使用这个 babel.config.json 在安装好对应的依赖  就可以了