javascript - Babel 6 预设选择以使 babel 工作

Question

我使用 babel 6 和 React 插件，并按照文档说明设置转译过程。我已经阅读过要让 React 工作，我需要使用 es2015 和 React preset。最初，使用这两个预设一切都运行良好。

但是当我从 babel 的 website 复制示例代码时(属性初始值设定项) 为了测试新的语言功能，在转译下面的代码时出现错误，因此无法再转译代码。

// The ES6+ way
class Video extends React.Component {
    static defaultProps^= { // this is line 42 and ^ the column where error occurs
        autoPlay: false,
        maxLoops: 10,
    }

    static propTypes = {
        autoPlay: React.PropTypes.bool.isRequired,
        maxLoops: React.PropTypes.number.isRequired,
        posterFrameSrc: React.PropTypes.string.isRequired,
        videoSrc: React.PropTypes.string.isRequired,
    }

    state = {
        loopsRemaining: this.props.maxLoops,
    }
}

警告:[...]components/sectorList.js:意外 token (42:24) 使用 --force 继续。

经过很长一段时间的 debuggin，我通过加载 babel 的 stage-0 预设解决了这个问题。但这只是运气。

所以我找不到答案的问题是:

如何确定正确的预设集合的正确方法。

或者是一个意外的标记...警告主要是缺少预设的通知？

感谢您的帮助

Answer 1

如果你查看 babel 页面的预设，它会列出所有包含的转换。在本例中，您使用的是类属性，该属性当前处于阶段 1，因此包含在 stage 1 preset 中。 .

在 ES2015 中，您可以使用构造函数来设置默认值。