kscs-ui v1.0.3

kscs-ui

组件搭建、发布 npm 流程

1. 创建组件项目 vue create name

2. 调整目录

2-1 项目根目录下创建packages文件夹 用于存放封装的组件

2-2 创建index.js文件夹用于整合所有封装的组件并导出 推荐使用前端工程自动化 require.context()

3.修改webpack的相关配置

module.exports = { #修改 src 为 examples pages: { index: { entry: 'examples/main.js', template: 'public/index.html', filename: 'index.html' } }, #扩展 webpack 配置，使 packages 加入编译 chainWebpack: config => { config.module .rule('js') .include .add('/packages') .end() .use('babel') .loader('babel-loader') .tap(options => { // 修改它的选项... return options }) } }

3. 配置package.json中发布到npm中的字段信息

"name": "kscs-ui",
"version": "0.1.0",
"private": false,
"description": "kscs-ui",
"main": "lib/kscs-ui.umd.min.js",
"keyword": "elementui kscs-ui",

3. 配置打包命令 "lib": "vue-cli-service build --target lib --name kscs-ui --dest lib packages/index.js",

4.npm login 登录npm

5. 进入到项目目录下使用 npm publish 执行发布

6.安装 npm install kscs-ui