@bnfe/bm-vue
v1.0.1
Published
巴奴移动端组件库
Downloads
1
Readme
Install 安装
npm install @bnfe/bm-vue -SImport 引入
全组件引入
import Vue from "vue";
import bmVue from "@bnfe/bm-vue";
// 引入全局样式
import "@bnfe/bm-vue/bm-vue.default.css";
Vue.use(bmVue);按需引入
借助ElementUI提供的babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
首先，安装 babel-plugin-component：
npm install babel-plugin-component -D然后，将 .babelrc 添加：
{
// ...
"plugins": [["component", {
"libraryName": "@bnfe/bm-vue",
"styleLibraryName": "theme"
}
]]
}接下来，如果你只希望引入部分组件，那么只需要写入以下内容：
import { Button } from "@bnfe/bm-vue";
Vue.use(Button);也可以通过 cdn 引入 umd 模块
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<!-- import CSS -->
<link rel="stylesheet" href="//xxx/@bnfe/bm-vue/bm-vue.default.css" />
<!-- import JS -->
<script src="//cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script src="//xxx/@bnfe/bm-vue/bm-vue.umd.js"></script>
</head>
<body>
<div id="app">
<bm-button theme="primary">普通按钮</bm-button>
</div>
</body>
<script>
new Vue({
el: "#app",
});
</script>
</html>