aotuzuche/autos

凹凸脚手架

凹凸脚手架

• 远程下载模板
• 支持创建 view 和 component
• 支持在当前和新文件夹初始化项目
• 支持覆盖, 删除, 合并
• 优化创建模板的效率
• 单独升级 webpack 打包目录
• 简化配置，所有的可配置项暴露到appConfig.js
• 支持自定义配置
• 支持 eslint 测试
• 支持更新项目配置

// appConfig.js

module.exports = {
  basename: `/${this.prodPathPrefix}/${this.prodPath}`,

  // 打包出口目录的前缀，注意：不需要以/开头
  prodPathPrefix: 'system',

  // 打包的出口目录(默认dist目录)
  prodPath: 'financialManagement',

  // 管理后台系统码
  syscode: 'financialManagement',

  // 本地测试端口，默认 3000
  port: 3000,

  // 本地代理环境地址
  target: 'http://github.com/',

  // 本地代理配置默认值，支持重写
  proxy: {
    '/proxy/*': {
      target: this.target,
      pathRewrite: {
        '^/proxy/': '/',
      },
      changeOrigin: true,
      secure: false,
    },
  },

  // html 文档的标题
  title: 'Autos',

  // 自定义 webpack 配置
  modify: (webpackConfig, { packageEnv }) => webpackConfig,

  // 自定义 tsconConfig 路径，默认 tsconfig.json
  tsConfigPath: 'tsconfig.json',

  // 增加转译路径，因为默认不包含 nodu_modules
  includeFiles: ['nodu_modules/some_module'],

  // 是否代理登录页(默认关闭)
  autoLogin: true,

  // 开启微前端(默认关闭)
  mfe: true,

  // 微前端导出模块
  exposes: {},
}

快速开始

创建新项目

$ npx autos init

或者

$ npx autos i

创建组件或者页面

$ npx autos create

或者

$ npx autos c

开发项目

$ npx autos dev

发布项目

测试环境发布项目

$ npx autos build -t

或者

$ npx autos build --test

正式环境发布项目

$ autos build

实际项目中使用

$ yarn dev
$ yarn test
$ yarn prod

或者

$ npm run dev
$ npm run test
$ npm run prod

升级项目

升级项目配置

$ npx autos update

开启分析页面

查看构建完成后包含的依赖关系

$ npx autos build --analyzer