Skip to content

Latest commit

 

History

History
96 lines (68 loc) · 1.87 KB

1-ready-to-work.md

File metadata and controls

96 lines (68 loc) · 1.87 KB
Raw

快速开始

开发准备

  • node 环境

    • package.json 中要求："node": ">=12"

    • 验证 nodejs 版本

      node -v

  • yarn

    • 安装 yarn

      npm install -g yarn

  • 安装依赖包

    • 在项目根目录下执行，即package.json同级，需要耐心等待安装完成

      yarn install

  • 准备好可用的后端

    • 准备好可访问的后端，举个例子：https://172.20.150.52:8080

    • 修改config/config.yaml中的相应配置：

      devIp: 'xxxx:8080',

  • 配置访问的 host 与 port

    • 修改devServer.host与devServer.port

    • 修改config/webpack.dev.js中的相应配置

      const devServer = {
  host: 'localhost',
  port: 8089,
  contentBase: root('dist'),
  historyApiFallback: {
    disableDotRule: true,
  },
  compress: true,
  hot: true,
  hotOnly: true,
  inline: true,
  disableHostCheck: true,
  stats: {
    children: false,
  },
};

  • 搭建完成

    • 在项目根目录下执行，即package.json同级

      yarn start

    • 使用config/webpack.dev.js中配置的host与port访问即可，如http://localhost:8089

    • 开发使用的前端实时更新环境搞定。

生产环境使用的前端包

  • 具备符合要求的nodejs与yarn

  • 在项目根目录下执行，即package.json同级

    yarn build

  • 打包后的文件在dist目录，交给部署相关人员即可。

测试使用的前端包

  • 具备符合要求的nodejs与yarn

  • 在项目根目录下执行，即package.json同级

    yarn build:test

  • 打包后的文件在dist目录

  • 注意！！！这个测试包为了测出代码覆盖率的

  • 建议使用 nginx，以完成带有代码覆盖率的 E2E 测试。