@wii/cli

文旅团队前端开发工具

使用

• 安装

npm i @wii/cli -D
# help
wii --help

• 本地开发

# vite 模式
wii dev
# webpack 模式
wii dev --mode webpack
# help
wii dev --help

• 打包部署

wii build
# help
wii build --help

• 权限提取

wii permission extract

• 权限上传

wii permission upload

自定义 Vite 配置

参考 vite 官方文档

自定义 Webpack 配置

• JavaScript

// webpack.config.js
module.exports = function (config) {
  // update config
  return config;
};

• TypeScript

// webpack.config.ts
import { WebpackConfig } from 'webpack';

export default function (config: WebpackConfig) {
  // update config
  return config;
}

应用配置

可以通过 app.config.ts 来自定义应用

{
  "name": "应用名称",
  "theme": "~@wii/wau/es/style/themes/index.less",
  "logo": "./assets/logo.png"
}

字段说明

• name: document.title and process.env.APP_NAME
• theme: 覆盖 less 文件地址
• logo: logo 文件地址

环境变量

所有 process.env 中声明的环境配置均将被注入到编译时和运行时配置中

优先级为 command > .env.local > .env.${BIZ_ENV} > .env

编译时

• process.env.NODE_ENV: Node 环境
  • development
  • production
• process.env.PORT: 开发服务器端口号
• process.env.HOST: 开发服务器 HOST
• process.env.BIZ_ENV: 业务环境

运行时

• process.env.APP_NAME: 应用名称
• process.env.BIZ_ENV: 业务环境
• process.env.NODE_ENV: Node 环境
  • development
  • production