原子- babel7- 递译器
这个工程执行一个 Atom 软件包转接器,将您的软件包文件与 Babel 7 转接.
使用量
- 安装软件包
- 添加一个
atomTranspilers条目package.json - 安装 Babel 预设和插件,并按您的意愿配置 Babel
详细情况:
1. 联合国. 首先从 npm 注册处安装软件包 :
npm install --save @atom/babel7-transpiler
2. 联合国. 下一个,修改您的 package.json 用于您想要 Babel 处理的 Atom Flight 手册中描述的任何文件。 例如,处理结束于 .js 在你的包裹,你可以使用:
{
...
"atomTranspilers": [
{
"glob": "**/*.js",
"transpiler": "@atom/babel7-transpiler"
}
]
}
3个. 最后,安装 Babel 和所有您想要作为正常使用的预设和插件. 简单来说,如果想要使用ES2015和React预设,你可能会运行:
npm install --save babel-preset-env babel-preset-react
然后创建一个 .babelrc 文件 配置 Babel 以使用它们 :
{
"presets": ["env", "react"]
}
您也可以在您的 package.json 在可选内容中 options 对象; 子密钥 babel如果它存在,将会通过 作为选项 babel.transformSync。请注意,如果您不想让 Babel 搜索目录的层次 .babelrc 文件,需要添加 "babelrc": false 选项。 否则Babel可能会误用用户的 .babelrc 在试图构建您的软件包时, 从文件系统的其他部分 .
{
// ...
"atomTranspilers": [
{
"glob": "**/*.js",
"transpiler": "@atom/babel7-transpiler",
"options": {
"babel": {
"presets": ["es2015", "react"],
"babelrc": false
}
}
}
]
}
选项
您可指定下列选项为 options 对象 package.json数字 :
| 选项 | 默认 | 说明 |
|---|---|---|
setBabelEnv | false, (中文(简体) ), true 或字符串 | 设置 BABEL_ENV 环境变量。 何时 true,设置为 "development" 何时 atom.inDevMode() 或者说 atom.inSpecMode() 是真的,还有 "production" 否则。 当给定为字符串时,使用该名称的环境变量的值取而代之. 特性返回 BABEL_ENV 改为转接完成后的上个值. |
babel | {} | 作为第二个参数的选项 babel.transform (同样的选项,你可以在 .babelrc) (中文(简体) ). |
cacheKeyFiles | [] | 在决定是否使用缓存时要包含的一系列文件 。 举例来说,强迫重新编译,随时 .babelrc 变化,添加 .babelrc 到此数组. |
其他细节
来源地图
为了启用 Atom 内部的源地图, 设置 Babel sourceMaps 选项到 "inline" 在你的 Babel 配置.
Babel环境
贝贝支持 一个名为 env 这使得您可以在每个环境的基础上配置 Babel 。 Babel环境通过一个叫做 BABEL_ENV; 本模块将环境变量自动设置为 "development" 如果 Atom 处于 dev 模式(atom.inDevMode() 返回时 true和 "production" 否则.