Skip to content

chen129/cl-ui

Repository files navigation

cl-ui Build Status

🌈 安装

nmp 安装

npm install @chen129/cl-ui --seave

CDN

// 引入样式
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@chen129/cl-ui@version/package/clUi.css">

// 引入组件库
<script src="https://cdn.jsdelivr.net/npm/@chen129/cl-ui@version/package/clUi.umd.min.js"></script>

🍻 引入 cl-ui

import CLUI  from '@chen129/cl-ui'

import '@chen129/cl-ui/package/clUi.css'

Vue.use(CLUI)

🔨 按需引入

  • 借助插件 babel-plugin-import可以实现按需加载组件,减少文件体积。首先安装,并在文件 babel.config.js 中配置:
npm install babel-plugin-import --save-dev
// babel.config.js
module.exports = {
  ...
  plugins: [['import', {
    'libraryName': '@chen129/cl-ui',
    'libraryDirectory': 'src/components'
  }]]
}

// main.js
import { Hello } from '@chen129/cl-ui'
import '@chen129/cl-ui/package/index.css'

Vue.component(Hello.name, Hello)
//or
Vue.use(Hello)