代码库的配置

.eslintrc.js文件

进行语法检测

babel.config.js文件

babel的配置文件

.browserslistrc文件

不支持es6的浏览器，将代码转化为es5，进行兼容

进行兼容

last 2 version 表示所有浏览器兼容到最后两个版本
> 1% 代表着全球超过1%人使用的浏览器
not ie <= 8 表示IE浏览器版本大于8（实则用npx browserslist 跑出来不包含IE9 ）

.npmrc

指定npm下载安装包的依赖

registry=http://fnpm.duxiaoman-int.com
// 指定npm下载安装包的源

.prettierrc.json文件

进行格式化

build.sh

打包时运行的脚本

#!/bin/bash
set -e
# 每个脚本都应该，在文件开头加上set -e，这句话的意思是告诉bash如果任何的语句的结果不是true则应该退出；这样的好处是防止错误像雪球一样越滚越大，最后导致一个致命的错误，而这些错误在之前就被处理掉
node -v
# BCLOUD 参数
ARGV=$1

MOD_NAME='pms-client'
TAR="$MOD_NAME.tar.gz"
STATIC="static-$MOD_NAME.tar.gz"
# echo "npm install start"
# npm install --registry=https://registry.npm.taobao.org
# echo "npm install end"
echo "build start"
# 清空目录
rm -rf dist output
# 递归创建目录，即使上级目录不在，会按照目录层级自动创建目录
mkdir -p dist output
# 编译项目
if [ $ARGV = qa ]; then
   echo "****** npm release qa... ******"
   npm run qa
else
   echo "****** npm release prod... ******"
   npm run build
fi
cd dist

# 打包静态资源
# z:代表的是压缩

# c:代表的是打包

# x:代表的是解压

# v:代表的是过程

# f:代表的是指定文件名

tar zcf $STATIC ./static
mv $STATIC ../
rm -rf ./static

# 打包非静态资源
tar zcf $TAR ./*
mv $TAR ../

cd ..
mv $TAR output/
mv $STATIC output/

echo "build end"

ci.yml

运行build.sh文件

Language: node
Build:
    profile: changes
Profiles:
    - profile:
      name: changes
      command: sh build.sh prod
      env:
      version: 10.15.0
      upload_to_irep: true
Output: output/*

commitlint.config.js文件

commit时的标准书写

jest.config.js

单元测试相关配置

package.json

    "scripts": {
        "serve": "vue-cli-service serve",
        "api": "export API=true && vue-cli-service serve",
        "qa": "export QA=true && node node_modules/@vue/cli-service/bin/vue-cli-service.js build",
        "build": "node node_modules/@vue/cli-service/bin/vue-cli-service.js build",
        "lint": "vue-cli-service lint",
        "test:unit": "vue-cli-service test:unit",
        "deploy": "vue-cli-service yog2-deploy --client --remote"
    },

以上为各种命令的缩写；

npm run serve命令和npm run bunild命令虽然看起来一个用了vue-cli-service框架，一个用的node命令启动的vue实例重的方法，但是其本质是相同的

因为如下图所示，左边为npm run serve命令所用vue-cli-service框架的相关代码，右边为vue框架的相关代码，可以看到是完全一模一样的

下面继续解析以上代码： blog.csdn.net/u012439689/…

segmentfault.com/a/119000002…

package-lock.json

写入package.json文件的依赖，在npm install的时候，会下载此大版本下的最新版本，也可能会导致一些问题，写进package-lock.json文件的依赖，会锁定这个版本

postcss.config.js文件

相关参考文章segmentfault.com/a/119000001… postcss是一个插件，用来实现css组件化，在使用预处理器的情况下使用它。

tsconfig.js

ts的配置文件

vue.config.js

vue项目的配置

yog2-conf.js

推代码的地址