安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm i any-ui -S

引入组件

方式1: 按需引入

  1. 安装 babel-plugin-import 插件
npm i babel-plugin-import -d
  1. .babelrc 或 babel-loader 中添加插件配置
// 注意:webpack 1 无需设置 libraryDirectory。
{
  "plugins": [
    ["import", {
      "libraryName": "any-ui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

方式2: 全部引入

import Vue from 'vue';
import Atom from 'any-ui';
import 'any-ui/index.css';
Vue.use(Atom);

WARNING

一旦配置了 babel-plugin-import 全部引入功能会失效, 2者不能并存.

CDN

<!-- 引入css -->
<link rel="stylesheet" href="https://unpkg.com/any-ui/index.css">
<!-- 引入js -->
<script src="https://unpkg.com/any-ui/index.js"></script>

Hello world

中国移动
19:01:30
86%