当前位置: 首页 > 文档资料 > FeArt 中文文档 >

快速上手

优质
小牛编辑
138浏览
2023-12-01

安装

npm i feart --save-dev

# or
yarn add feart

引入组件

No.1 : 使用 babel-plugin-import (推荐)

# 安装 babel-plugin-import 插件
npm i babel-plugin-import --save-dev
// 在 .babelrc 或 babel.config.js 中添加插件配置
{
  "plugins": [
    ["import",
      {
        libraryName: "feart",
        libraryDirectory: "es",
        style: true
      },
    "feart"]
  ]
}

接着你可以在代码中直接引入 feart 组件,插件会自动将代码转化为按需引入形式。

import { Button } from 'feart';
export default {
  components: {
    'fe-button': Button,
  },
};

No.2 : 按需引入组件

import { Button } from 'feart/es/button';
import 'feart/es/style/base.css';
import 'feart/es/button/index.css';