快速开始

本节将介绍如何在项目中使用 @jianmu/unplugin-vue-jm-component

用法

完整引入

如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。

// main.ts
import { createApp } from "vue";
import JmUI from "@jianmu/jianmu-ui";
import "@jianmu/jianmu-ui/dist/index.css";
import App from "./App.vue";

const app = createApp(App);

app.use(JmUI);

app.mount("#app");

按需导入

您需要使用额外的插件来导入要使用的组件。

自动导入(推荐)

首先你需要安装unplugin-vue-components、unplugin-auto-import和@jianmu/unplugin-vue-jm-component这三款插件

npm install -D unplugin-vue-components unplugin-auto-import unplugin-vue-jm-component

然后把下列代码插入到你的 Vite 的配置文件中

Vite

// vite.config.ts
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { JmPlusResolver } from "@jianmu/unplugin-vue-jm-component/vite";

export default {
  plugins: [
    // ...
    AutoImport({
      resolvers: [JmPlusResolver()],
    }),
    Components({
      resolvers: [JmPlusResolver()],
    }),
  ],
};