2
私はフローセットアップを初めて取得しています。オープンソースライブラリで使用しようとしています。私はbabel-plugin-transform-flow-commentsを使用しようとしているので、ライブラリーのコンシューマーは、フローも使用している場合に型検査の利点を得ることができます。Babelがフローのコメントを出力しない
は、私は現在、注釈付きのみ1つのファイルを持っている、そしてそれはすべての検査合格:私は私のcompile
タスクを実行するときに
/* @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>
);
}
をしかし、私はまったくの流れコメントは表示されません。私は私のdevの依存関係に記載されているパッケージがあります。
"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
)
);
}
は、
うまくいけば私は何か簡単なことを逃したのだろうか?