• .babelrc文件的一些简单的配置


    首先现在根目录先生存.babelrc文件

    这个文件是用来设置转码的规则和插件的

    如果想使用es6语法,必须安装插件

    npm install babel-preset-es2015
    {
        "presets": ["es2015"]
    }

    什么是.babelrc文件呢? 熟悉linux的同学一定知道,rc结尾的文件通常代表运行时自动加载的文件,配置等等,类似bashrc,zshrc

    而且在babel6中,这个文件必不可少。


         里面可以对babel命令进行配置,以后再使用babel的cli的时候,可以少一些配置。

        还有一个env字段,可以对BABEL_ENV或者NODE_ENV指定的不同的环境变量,进行不同的编译操作

    "presets"

       这个是babel6新加的,就是代表需要启动什么样的预设转码,在babel中,预设了6中,分别是

       es2015  ,stage-0 , stage-1 ,stage-2 , stage-3 ,react

    require hook

     require hook 的作用就是替换原来的require,以便在自动加载对代码进行编译运行

     其实这个做的便是重写require.extensions 中对应的扩展名的加载程序,并且默认会判断这个文件是否是 node_modulesz中的模块。,如果是的

    话,那么将不会进行转换。否则的话进行转换

    基本的格式就是

    {
      "presets": [],
      "plugins": []
    }

    presets 字段是用来设定转码规则,,具体看官方的   https://babeljs.io/docs/plugins/

    先下载所要使用的转码规则 插件 然后将其写到  .babelrc文件 中

    presets 其实就是一堆plugins的预设起到了方便的作用 如果不采用 presets 完全可以单独引用某个功能 

    {
      "presets": ["es2015", "stage-2"],
      "plugins": ["transform-runtime"],
      "comments": false
    }

    一种简单的使用方式

  • 相关阅读:
    福尔摩斯的约会 (20)
    数素数 (20)
    STL源码分析-priority_queue
    STL源码分析-bitset
    STL源码分析-rbtree
    STM32自动生成精美图案
    STL源码分析-function
    STL源码分析-list
    STL源码分析-iterator
    STL源码分析-traits
  • 原文地址:https://www.cnblogs.com/exhuasted/p/7685778.html
Copyright © 2020-2023  润新知