Babel 不输出流注释

Question

我是第一次进行流程设置，我正尝试在开源库中使用它。我正在尝试使用 babel-plugin-transform-flow-comments 以便库的使用者在使用流时也能从类型检查中获益。

我目前只有一个文件被注释，并且它通过了所有检查：

/* @flow */

import React from 'react'

export default function Checkbox({ input, label }: { input: Object, label: string }) {
  return (
    <div className="form-group checkbox">
      <label>
        <input type="checkbox" {...input} />
        {label}
      </label>
    </div>
  );
}

然而，当我运行我的 compile 任务时，我根本看不到任何流程评论。我的开发依赖项中列出了包：

"babel-plugin-transform-flow-comments": "^6.22.0",

我把它连接到我的 .babelrc

  "plugins": ["transform-flow-comments"],
  "presets": ["flow", "es2015", "react", "stage-0"]

然而输出中没有一条评论：

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

exports.default = Checkbox;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Checkbox(_ref) {
  var input = _ref.input,
      label = _ref.label;

  return _react2.default.createElement(
    "div",
    { className: "form-group checkbox" },
    _react2.default.createElement(
      "label",
      null,
      _react2.default.createElement("input", _extends({ type: "checkbox" }, input)),
      label
    )
  );
}

希望我错过了一些简单的东西？

Answer 1

好吧，我应该更好地审查文档。区别很细微，但是这不起作用：

export default function Checkbox({ input, label }: { input: Object, label: string }) {

确实如此：

export default function Checkbox(props: { input: Object, label: string }) {

Babel 不输出流注释

Babel not outputting flow comments

javascript

static-analysis

reactjs

flowtype

babeljs