1.2.1 • Published 4 years ago

pasc-scui v1.2.1

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

SCUI 组件库

目录结构

pasc-lib-scui/
├── lib/                 # 构建后文件输出目录
├── src/                 # 源码目录
    ├── components/      # 组件目录
        ├── foo/         # 每个文件夹是一个组件
            ├── modules/ # 当前组件拆分出来的一些模块
            ├── assets/  # 当前组件图片等资源文件存放目录
            ├── Foo.vue  # 当前组件主文件
            └── index.js # 当前组件入口文件
        ├── ...
    └── index.js         # 所有组件聚合文件
├── test                 # 单元测试目录

新增组件

  1. pasc-lib-scui/src/components/ 目录下新增组件目录,初始化组件文件
  2. pasc-lib-scui/src/components/index.js 文件中增加导出代码
  3. pasc-lib-scui/build/entry.js 文件中增加组件入口文件配置
// src/components/index.js
export * from './components/foo/index'      // 组件聚合文件增加导出代码

// build/entry.js
module.exports = {
    'index': './src/index.js',                    // 组件聚合文件入口
    'foo/index': './src/components/foo/index.js'  // foo组件入口文件
    ...                                           // 增加更多
  }

版本号

版本格式: 主版本号.次版本号.修订号,版本号递增; 带 -beta.1 后缀为开发版本;

业务工程使用安装

# 安装组件库
npm install --save pasc-scui

# 安装依赖
npm install --save-dev babel-plugin-transform-import

# 业务工程 babel.config.js 配置(全部加载引用配置)
module.exports = {
  ...,
  plugins: [
    [
      'transform-import',
      {
        'pasc-scui': {
          transform: 'pasc-scui/lib/index',
          style: 'pasc-scui/lib/index.css',
          skipDefaultConversion: true,
          kebabCase: true
        }
      }
    ]
  ]
};

# 业务工程 babel.config.js 配置(或者:按需加载引用配置)
module.exports = {
  ...,
  plugins: [
    [
      'transform-import',
      {
        'pasc-scui': {
          transform: 'pasc-scui/lib/${member}/index.js',
          style: 'pasc-scui/lib/${member}/index.css',
          skipDefaultConversion: true,
          kebabCase: true,
          preventFullImport: true
        }
      }
    ]
  ]
};

# 更新组件库
npm update pasc-scui 或指定版本号
npm update pasc-scui@1.1.2 或者卸载再安装
npm uninstall pasc-scui
npm install --save pasc-scui

常见问题

  • 安装 babel-plugin-transform-import 如果出现错误没有安装其依赖,请手动安装(babel-types ^6.6.0, lodash.camelcase ^4.3.0, lodash.kebabcase ^4.1.1, lodash.snakecase ^4.1.1);

License

MIT