• babel版本问题


    使用babel将高级语法转换为低级语法时,需要安装两套包:

    //第一套包
    cnpm install babel-core babel-loader babel-plugin-transform-runtime -D
    //第二套包
    cnpm install babel-preset-env babel-preset-stage-0 -D

    然后在配置文件webpack.config.js中添加一条rules:

    {test: /.js|jsx$/, use:'babel-loader', exclude: /node_modules/}  //注意:在配置babel-loader时,一定要加上exclude: /node_modules/,否则整个项目会报错

    在项目根目录中,新建一个叫做 .babelrc 的babel 配置文件,这个配置文件属于JSON格式,内容如下:

    {
    "presets": ["env","stage-0"],  
    "plugins":["transform-runtime"]  
    }

    但是在打包的过程中出现以下错误,上网查了之后说是babel的版本问题,不能按之前的安装命令来安装babel包

    具体修改如下:

    1.重新安装babel的两套包:

    //第一套包
    cnpm install @babel/core babel-loader @babel/plugin-transform-runtime -D
    //第二套包
    cnpm install @babel/preset-env 

    stage-*已经弃用了所以不需要安装babel-preset-stage-0

    2. .babel文件修改为:

    {
        "presets": ["@babel/preset-env"],
        "plugins": ["@babel/plugin-transform-runtime"]
    }

    主要是将babel-preset-*修改为@babel/preset-* , babel-core修改为@babel/core , babel-plugin-*修改为@babel/plugin-*    

  • 相关阅读:
    数据库事务的4种隔离级别
    线程竞争与同步
    flex 1与flex auto
    React环境搭建
    vue与mapbox
    前端-URL到页面显示的全过程
    监听滚动事件
    点击上下箭头,页码发生改变
    鼠标滑过元素,div显示,并根据scrollTop向下移动
    KB/MB/GB。。单位换算
  • 原文地址:https://www.cnblogs.com/zcy9838/p/12010466.html
Copyright © 2020-2023  润新知