公用组件项目

目录

• 项目介绍
• 弹窗组件
• 组件2
• 组件3

项目介绍

目录结构

项目结构

.
├──modules 组件目录
├──node_modules  组件项目依赖的node模块
├──gulpfile.js  gulp配置文件
├──package.json  node配置文件
└──webpack.config.js  webpack测试文件

modules目录结构

dialog 组件名
    ├──dist  测试输出js
    ├──test.js  测试js
    ├──test.bundle.js  打包输出后的测试脚本，html中引用这个
    ├──images 组件用到的图片
    ├──lib  测试页面依赖的lib库
    ├──node_modules 组件依赖的node模块
    ├──index.js  组件对外js
    ├──index.less  组件样式
    ├──test.jade  测试页面
    ├──test.html  打包输出的测试页面
    └──package.json  组件配置

快捷生成组件

执行
#   npm run create
#   根据提示输入module_name

发布组件

npm 账号： le-finance 密码：12345678 邮箱：[email protected] 在组件目录下输入用户名密码和邮箱

npm adduser

发布指令

npm publish

弹窗组件

Dialog，页面弹窗组件。

组件2