@1studio/utils 中文文档教程

Question

utils ·

一组有用的实用程序，带有 Flow 类型检查（自 3.0 起）。

Installation

使用 npm：

$ npm i -S @1studio/utils

流的转译器：

$ npm i -D babel-loader babel-preset-env babel-preset-flow babel-minify babel-plugin-transform-class-properties babel-plugin-transform-object-rest-spread

.babelrc

{
  "presets": ["flow", "env"],
  "plugins": ["transform-class-properties", "transform-object-rest-spread"],
  "env": {
    "production": {
      "presets": ["babel-minify"]
    }
  }
}

webpack.config.js

module: {
    rules: [
      {
        test: /\.js$/,
        exclude: [/node_modules\/(?!@1studio)/],
        use: [{
          loader: 'babel-loader'
        }]
      },
    ],
  }

Manual

示例 (ES6)：

import { getDistanceFromLatLonInKm } from '@1studio/utils/geometry';

const distance = getDistanceFromLatLonInKm(47.4925, 19.0513, 40.71448, -74.00598);
// Budapest <-> New York distance in km

示例（直接导入）：

import checkPropTypes from '@1studio/utils/propType/checkPropTypes'

checkPropTypes('string', PropTypes.number);
// -> [errors]

示例（流）：

// @flow

import clamp from '@1studio/utils/math/clamp';

clamp('a');
// => Flow errors

阅读更多。

License

@1studio/utils 是 BSD 许可的。