标签：spl 就是 dir 官方 全局 对象 基础 信息 print
babel的官网说babel是下一代的js语法编译器，现在自己也在很多项目中使用了babel，可是自己对babel的认识呢，只停留在从google和别人项目中copy的配置代码上，内心感到很不安，最近花了点时间整理了一下，分享给大伙。
通常在前端或node项目中，进行以下配置：
|
1
2
3
4
5
6
7
|
// babelrequire(‘babel-core/register‘)({ presets: [‘es2015‘, ‘stage-0‘]});require(‘babel-polyfill‘);require(‘./app.js‘); |
|
1
2
3
|
{ "presets": ["es2015", "stage-0"]} |
目前babel提供了几个官方的preset，主要包括：env es2015 es2016 es2017 flow latest react 。设置presets的时候需要提前npm安装相应的插件，插件名格式：babel-preset-xxx；如下：
|
1
2
3
|
{ "presets": ["es2015"] }npm install babel-preset-es2015 |
|
1
|
{ "plugins": ["transform-es2015-classes"] } |
|
1
2
3
4
5
6
7
8
9
10
|
module: { loaders: [{ loader: ‘babel‘, test: /\.js/, include: path.join(__dirname, ‘src‘), query: { plugins: [‘transform-runtime‘], presets: [ ‘es2015‘, ‘stage-0‘], }}] } |
|
1
2
3
4
5
6
7
8
9
10
11
|
entry: [ ‘babel-polyfill‘,‘src/index.js‘, ],module: { loaders: [{ loader: ‘babel‘, test: /\.js/, include: path.join(__dirname, ‘src‘), query: { presets: [‘es2015‘, ‘stage-0‘] }}] } |
参考资料：
标签：spl 就是 dir 官方 全局 对象 基础 信息 print
原文地址：https://www.cnblogs.com/chris-oil/p/9419444.html
