0.1.4 • Published 2 years ago
test-l-ui v0.1.4
快速入门
说明
这是一个移动端公众号专用的组件库,不兼容PC端!!!
安装
npm i test-l-ui
使用
在 main.js 中引用组件库
// 全局引入 import TestUI from 'test-l-ui' import 'test-ui/dist/css/index.css' Vue.use(TestUi)
// 按需引入 import 'test-ui/dist/css/demo.css' import { Button } from 'test-l-ui' Vue.use(Button)
当然,按需引入的情况下,每次都手动引入样式文件是很痛苦的事情,我们可以借助 `babel-plugin-component` 插件自动导入对应样式文件
```bash
npm i babel-plugin-component -D
在 .babelrc
文件写入以下内容
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "test-l-ui",
"styleLibraryName": "css"
}
]
]
}
使用如下
// 按需引入(无需额外引入对应样式文件)
import { Button } from 'test-ui'
Vue.use(Button)