Skip to content

Vue插件库demo,可以基于此项目开发vue组件库,实现vue组件的统一管理。

Notifications You must be signed in to change notification settings

xubaodian/Wstl-UI

Repository files navigation

config文件夹下是webpack配置:

webpack.dev.js          启动example的webpack配置,example用来测试组件<br>

webpack.prod.js         生成example的生产环境文件的webpack配置<br>

webpack.common.js       打包组件库的webpack配置,所有组件生成一个js文件和一个css文件

webpack.component.js    分开打包组件的webpack配置,每个组件生成一个js文件和一个css文件

命令:

npm run dev

启动例子

npm run build

打包例子,生成生产环境文件

npm run common

打包组件库,生成生产环境文件(一个js和一个css)

npm run component

分开打包组件库,每个组件都生成一个js和一个css件

使用教程:

在vue + webpack前端工程中:
1、npm install git+地址(这个工程的git地址,根据你安装在哪修改)
例如:npm install git+https://github.com/xubaodian/Wstl-UI.git
在入口文件引入

//引入vue
import Vue from 'vue';
//引入wstl-ui组件库
import WsltUI from 'wstl-ui';
//引入样式
import 'wstl-ui/lib/index.css';
//安装组件
Vue.use(WsltUI);

2、直接在页面中应用

  //引用组件库样式
  <link href="./lib/index.css" rel="stylesheet"/>
  //引用vue
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
  //引用组件库js
  <script src="./lib/wstl-ui.common.js"></script>

About

Vue插件库demo,可以基于此项目开发vue组件库,实现vue组件的统一管理。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published