Airbnb JS-Shims 项目教程
js-shimsJS language shims used by Airbnb.项目地址:https://gitcode.com/gh_mirrors/js/js-shims
1. 项目的目录结构及介绍
Airbnb JS-Shims 项目的目录结构如下:
js-shims/
├── dist/
│ ├── es5.js
│ ├── es2015.js
│ ├── es2016.js
│ ├── es2017.js
│ ├── es2018.js
│ ├── es2019.js
│ └── es2020.js
├── src/
│ ├── es5/
│ ├── es2015/
│ ├── es2016/
│ ├── es2017/
│ ├── es2018/
│ ├── es2019/
│ └── es2020/
├── test/
│ ├── es5/
│ ├── es2015/
│ ├── es2016/
│ ├── es2017/
│ ├── es2018/
│ ├── es2019/
│ └── es2020/
├── .babelrc
├── .eslintrc
├── .gitignore
├── .npmignore
├── .travis.yml
├── package.json
└── README.md
目录介绍
dist/
:包含编译后的 JavaScript 文件,每个文件对应一个 ECMAScript 版本。src/
:包含源代码文件,按 ECMAScript 版本组织。test/
:包含测试文件,按 ECMAScript 版本组织。.babelrc
:Babel 配置文件。.eslintrc
:ESLint 配置文件。.gitignore
:Git 忽略文件配置。.npmignore
:NPM 忽略文件配置。.travis.yml
:Travis CI 配置文件。package.json
:项目依赖和脚本配置。README.md
:项目说明文档。
2. 项目的启动文件介绍
Airbnb JS-Shims 项目的启动文件位于 dist/
目录下,每个文件对应一个 ECMAScript 版本。例如:
dist/es5.js
:用于支持 ECMAScript 5 的 shim 和 polyfill。dist/es2015.js
:用于支持 ECMAScript 2015(ES6)的 shim 和 polyfill。
使用时,可以根据需要引入对应的文件。例如:
import 'airbnb-js-shims/dist/es5';
3. 项目的配置文件介绍
.babelrc
Babel 配置文件,用于配置 Babel 的转译规则和插件。
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-transform-runtime"]
}
.eslintrc
ESLint 配置文件,用于配置代码风格和规则。
{
"extends": "airbnb",
"rules": {
"indent": ["error", 2]
}
}
package.json
项目依赖和脚本配置文件。
{
"name": "airbnb-js-shims",
"version": "1.0.0",
"description": "JS language shims used by Airbnb",
"main": "dist/es5.js",
"scripts": {
"build": "babel src -d dist",
"test": "jest"
},
"dependencies": {
"@babel/runtime": "^7.0.0"
},
"devDependencies": {
"@babel/cli": "^7.0.0",
"@babel/core": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"jest": "^26.0.0"
}
}
以上是 Airbnb JS-Shims 项目的教程,涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对您有所帮助!
js-shimsJS language shims used by Airbnb.项目地址:https://gitcode.com/gh_mirrors/js/js-shims