怎样使用和设置.babelrc

qc1iu 发布于2019-08-20 15:08 / 1384人阅读

摘要：所有的设置除了回掉函数外都可添加其中。键将被调用，当调用时无论是否可用都会把默认设置为。使用进行设置来停止查找行为，或者

所有的babel设置,除了回掉函数外都可添加其中。（因为.baelrc本身就是个json）

例子：
JSON

{
    "plugins":["transform-react-jsx"],
    "ignore""[
        "foo.js",
        "bar/**/*.js"
    ]
}

通过package.json

你同样可以选择在package.json内部设置.babelrc.如下：
JSON

{
    "name":"my-package",
    "version":"1.0.0",
    "babel":{
        //在此设置
    }
}

通过选项设置

你可以通过使用evn选项来定义设置，以适应特定的环境：
JSON

{
    "env":{
        "production":{
            "plubins":["transform-react-constant-elements"]
        }
    }
}

这个特定的环境将被整合到设置中覆盖没有指定环境的选项。
env键将被process.env.BABEL_ENV调用，当调用时无论process.env.NODE_ENV是否可用都会把默认设置为development。

你可以按照下面来设置环境。

Unix

在命令行
shell

BABEL_ENV=production  YOUR_COMMAND_HERE

或者作为一个分开的命令
shell

export NODE_ENV=production

YOUR_COMMAND_HERE

Windows

shell

SET BABEL_ENV=production

YOUR_COMMAND_HERE

如果你让自己的命令能够跨平台使用，你可以使用cross-env

查找行为 Lookup behavior

Babel会从当前目录查找.babelrc文件。这个目录是文件被编译的目录。如果不存在，那么他会根据目录树上寻这个文件，或者在package.json中寻找"babel":{}这个选项。
使用"babelrc":false进行设置来停止查找行为，或者

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82021.html

我他喵的到底要怎样才能在生产环境中用上 ES6 模块化？

摘要：因此，你还是需要各种各样杂七杂八的工具来转换你的代码噢，我可去你妈的吧，这些东西都是干嘛的我就是想用个模块化，我到底该用啥子本文正旨在列出几种可用的在生产环境中放心使用模块化的方法，希望能帮到诸位后来者这方面的中文资源实在是忒少了。原文发表在我的博客上。最近捣鼓了一下 ES6 的模块化，分享一些经验 :) Python3 已经发布了九年了，Python 社区却还在用 Python 2...

KaltZK 2019-08-20 17:47 评论0 收藏0
怎样给文件命名才能显得更加专业

摘要：前言写这篇博客的动机很简单，就是我周末闲的无聊，爬了上数前的项目的所有文件的名称，看看大佬们都喜欢给文件和目录取什么名字，我跟着学两招也好显得我比较专业。统计结果排除掉了，，这类文件，得到了个文件名。前言写这篇博客的动机很简单，就是我周末闲的无聊，爬了github上star数前1000的js项目的所有文件的名称，看看大佬们都喜欢给文件和目录取什么名字，我跟着学两招也好显得我比较专业...

toddmark 2019-08-22 14:50 评论0 收藏0
舒适的前端开发环境是怎样一种体验？

摘要：那我们有没有办法不刷新页面又能看到代码的更新呢其实很简单，因为已经内置了这样的功能，我们只要配置下的注意到上面的代码，我们增加了，让开发环境有了热更新的能力。作者：Nicolas (沪江Web前端）本文为原创文章，转载请注明作者及出处本文的 webpack 代码示例根据 webpack 2.7.0 编写，并在 Mac 上正常运行。去年一篇《在 2016 年学 JavaScript...

weapon 2019-08-20 19:06 评论0 收藏0
提高代码质量——使用Jest和Sinon给已有的代码添加单元测试

摘要：现在，我们可以使用单元测试来提高自己的代码质量。它在单元测试的编写中通常用来模拟等相关请求。通过这篇文章，你应该学会了如何针对已有代码从零开始编写一套完整的单元测试用例。概述在日常的功能开发中，我们的代码测试都依赖于自己或者QA进行测试。这些操作不仅费时费力，而且还依赖开发者自身的驱动。在开发一些第三方依赖的库时，我们也没有办法给第三方提供完整的代码质量报告。现在，我们可以使用单...

voyagelab 2019-08-22 16:28 评论0 收藏0