@ywx/ember v0.0.2-4

ember

react-components 个人学习整理用

安装

npm install @ywx/ember -S

示例

import { Img } from '@ywx/ember';
ReactDOM.render(<Img />, mountNode);

按需加载

下面两种方式都可以只加载用到的组件。

• 使用 babel-plugin-import（推荐）。

{
  "plugins": [
    ["import", { "libraryName": "@ywx/ember", "style": "css" }] // `style: true` 会加载 less 文件
  ]
}

然后只需从 @ywx/ember 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

// babel-plugin-import 会帮助你加载 JS 和 CSS
import { Img } from '@ywx/ember';

• 手动引入

import Img from '@ywx/ember/lib/img';  // 加载 JS
import '@ywx/ember/lib/img/style/css';        // 加载 CSS
// import '@ywx/ember/lib/img/style';         // 加载 LESS

知识点

• TypeScript
• 代码检测 - eslint + stylelint
• 代码规范 - prettier
• eslint + prettier 结合 vscode 使用
• git 提交前自动进行代码格式化和 package.json 版本变更
• 单元测试 - jest + enzyme
• 按需加载 - 使用 antd 的 babel-plugin-import
• 代码编译 - gulp
• commitizen 规范 commit message
• API 文档 + md 生成文档网站