xymm-cli v2.8.0

脚手架工具

使用

yarn add xymm-cli

package.json

{
  ...,
  "scripts": {
    "start": "xymmCli start",
    "build": "xymmCli build"
  }
}

添加自定义环境变量

{
  ...,
  "scripts": {
    "start": "xymmCli start custom.project=startProject",
    "build": "xymmCli build custom.project=buildProject"
  }
}

当执行 yarn start 时，在代码中可通过如下方式拿到自定义环境变量：

const project = process.env.project;
console.log(project); // "startProject"

默认注入了名为 mode 的环境变量，取值可以为 "development" 和 "production" 两中情况，标识当前的运行环境，通过 process.env.mode 的方式获取。

预定义 webpack alias

• @src: src
• @components: src/components
• @store: src/store
• @services: src/services
• @utils: src/utils
• @xy-library: @xy-lib/library

项目自定义配置

在项目根目录新建 cloud.config.js

需要导出如下声明类型的值

IConfig | (webpackEnv: {
  /** 模式 */
  mode: 'development' | 'production';
  /** 自定义参数 custom. 定义的变量 */
  [customArgvKey: string]: string;
}) => IConfig;

interface IConfig {
  /** 端口号 */
  port?: number;
  /** antd的暗黑模式和紧凑模式配置 */
  antd?: {
    /** 暗黑模式 */
    dark?: boolean;
    /** 紧凑模式 */
    compact?: boolean;
  }
  /** antd主题样式配置 */
  antdLessModifyVars?: {
    [key: string]: string;
  }
  /** cloud-xinyi主题样式配置 */
  cloudXyScssModifyVars?: {
    [key: string]: string;
  }
  /** 代理配置，webpack-dev-server proxy */
  proxy?: any;
  /** webpack别名配置 */
  alias?: {
    [key: string]: string;
  },
  /** 是否需要px转rem，默认false */
  px2rem?: boolean;
  /** webpack自定义配置 */
  webpackConfig?: any;
}