create-apex-component v1.6.0

介绍

create-apex-component

快捷创建组件库的脚手架工具

---

1.0.0 init

1.1.0 修复路径下不存在同名项目，却提示已经存在的bug 1.5.0 新增typeScript的支持

安装

全局安装

npm i create-apex-component -g

使用

创建项目

第一步，创建一个新的项目

create-apex-component init 项目名

第二步 ，进入你的项目目录，安装依赖

cd 项目名            // unix/linux/win10-powershell
yarn || npm i       // 安装依赖

• 目录结构

测试

src下存放源代码，开发过程中运行下面的命令,会开启一个9527端口的服务器

npm start

打包

有三种选择

• css和js合并打包

  • 体积小
  • 引入方便
  • 使用时没有提示
  • scss/less转css

• css和js分开打包

  • 体积小
  • 引入方便
  • 使用时没有提示
  • scss/less转css

• es6转es5

  • 体积小
  • 引入方便
  • 使用时提示
  • scss/less转css

css和js合并打包

压缩的包会比分开打包大4k左右

npm run build

css和js分开打包

压缩的包会比合并打包小4k左右

npm run buildcss

上传npm之后，安装使用时需要多引入一个build目录下的css文件,比如

import Demo from 'demo'
import 'demo/build/index.css'

es6转es5

压缩的包会比合并打包小4k左右

npm run lib

引入包的时候会有提示

import Demo from 'demo'

编写README

推荐使用 Typora 工具编写，项目中已有模板

注意！

如果需要插图，图片的相对路径需要用 / 分开 ,不能写 \ 否则 gitee 编译README.md 文件的时候不能正确编译，图片无法正确显示

#组件名字

> 介绍
>
> 

![](./)     


# Installation

​```pow
npm i  --save
​```



# Properties

| Prop | Default | Type | Description |
| ---- | ------- | ---- | ----------- |
|      |         |      |             |



# Use

​```jsx

​```