快速入门

说明

这是一个移动端公众号专用的组件库，不兼容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 插件自动导入对应样式文件

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)