1 构建配置包设计

image.png
image.pngimage.pngimage.png

2 功能模块设计和目录结构

功能模块设计

image.png

目录结构设计

image.png
代码详见地址链接

3 使用ESLint规范构建脚本

  1. 安装脚本npm i babel-eslint eslint eslint-config-airbnb-base -D 因为该模块只验证webpack配置,所以使用airbnb-base基础包
  2. 根目录添加.eslintrc.js文件

    1. module.exports = {
    2. "parser": "babel-eslint",
    3. "extends": "airbnb-base",
    4. "env": {
    5. "browser": true,
    6. "node": true
    7. },
    8. }
  3. package.json添加快捷命令"eslint": "eslint ./lib --fix"

image.png

4 冒烟测试介绍和实际运用

image.png

image.png
image.png

5 单元测试和测试覆盖率

image.png
image.png
image.png

6 持续集成Travis CI

image.pngimage.png

image.png

7 发布构建包到npm社区

image.png

8 Git commit 规范和Changelog生成image.pngimage.pngimage.pngimage.png

9 语义化版本(Semantic Versioning)规范格式

image.pngimage.png

image.pngimage.png