2017-04-14 5 views
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 
    ) 
); 
} 
は、

うまくいけば私は何か簡単なことを逃したのだろうか?

答えて

0

私はちょうど良いドキュメントを見直している必要があります。違いは微妙ですが、これは動作しませんが:

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

これが実際に行われます。

export default function Checkbox(props: { input: Object, label: string }) { 
関連する問題