babel的配置

1.安装 @babel/corebabel-loader

npm i babel-loader @babel/core -D

2.在项目根目录新建babel配置文件,配置文件可以使以下形式
2.1 babel.config.js文件

module.exports = function (api) {
  api.cache(true)
  const presets = ["@babel/preset-react"]
  const plugins = ["transform-async-to-generator"]

  return {
      presets,
      plugins
  }
}

2.2 .babelrcbabel.config.json 文件

{
        "presets": ["@babel/preset-react"],
        "plugins": [...],
}

3.在webpack的配置

module.exports = {
    module: {
        rules: [
            {
                test: /\.(jsx|js)$/,
                use: 'babel-loader'
            }
        ]
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、说明webpack,默认只能处理一部分ES6新语法,一些更高级处理不了(ES2015+的语法)。需要借助第三方...
    小丘啦啦啦阅读 3,922评论 0 2
  • Babel是什么 Babel是一个编译JavaScript的平台,它的强大之处表现在可以通过编译帮你达到: 使用下...
    hawkzz阅读 623评论 0 0
  • 先看:Webpack入门(一)Webpack入门之Loaders Babel的配置 Babel其实可以完全在 we...
    LuckyJin阅读 2,186评论 0 2
  • 本地安装 编译插件ES2015转码规则 React ES2015转码规则 ES7不同阶段语法提案的转码规则(共有4...
    JackfengGG阅读 7,658评论 1 52
  • babel官网正中间一行黄色大字写着“babel is a javascript compiler”,翻译一下就是...
    Atlas_lili阅读 3,345评论 0 0