Skip to content

Latest commit

 

History

History
94 lines (72 loc) · 2.05 KB

1-ready-to-work.md

File metadata and controls

94 lines (72 loc) · 2.05 KB

简体中文 | English

开发前准备

  • node 环境

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

    • 验证 nodejs 版本

      node -v

  • yarn

    • 安装 yarn

      npm install -g yarn

  • 安装依赖包

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

      yarn install

  • 准备好可用的后端

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

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

      if (API === 'mock' || API === 'dev') {
  devServer.proxy = {
    '/api': {
      target: 'https://172.20.154.250',
      changeOrigin: true,
      secure: false,
    },
  };
}

  • 配置访问的 host 与 port

    • 修改devServer.host与devServer.port

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

      const devServer = {
  host: '0.0.0.0',
  // host: 'localhost',
  port: 8088,
  contentBase: root('dist'),
  historyApiFallback: true,
  compress: true,
  hot: true,
  inline: true,
  disableHostCheck: true,
  // progress: true
};

  • 搭建完成

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

      yarn run dev

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

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

生产环境使用的前端包

  • 具备符合要求的nodejs与yarn

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

    yarn run build

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

测试使用的前端包

  • 具备符合要求的nodejs与yarn

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

    yarn run build:test

  • 打包后的文件在dist目录

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

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