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>
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)