安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i any-ui -S
引入组件
方式1: 按需引入
- 安装 babel-plugin-import 插件
npm i babel-plugin-import -d
- .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>