rxfe
v0.1.3
Published
## 功能 ``` √ 内置vue开发模板(组件,router,store,通用工具函数) √ 配置多环境变量 √ 配置基础 rx.config.js √ 配置 proxy 跨域 √ HMR(热更新) √ Lazy loading routes Error: Cyclic dependency √ Mock 数据接口模拟 √ conard 代码复杂度检测 √ eslint 代码规范检测 (暂无) √ 添加别名 alias √ 自动生成雪碧图 √ 使用 SVG 组件 √ 添加打包分析 √ 利用 splitC
Downloads
4
Readme
rxfe
- 融兴前端初始化Vue项目脚手架
功能
√ 内置vue开发模板(组件,router,store,通用工具函数)
√ 配置多环境变量
√ 配置基础 rx.config.js
√ 配置 proxy 跨域
√ HMR(热更新)
√ Lazy loading routes Error: Cyclic dependency
√ Mock 数据接口模拟
√ conard 代码复杂度检测
√ eslint 代码规范检测 (暂无)
√ 添加别名 alias
√ 自动生成雪碧图
√ 使用 SVG 组件
√ 添加打包分析
√ 利用 splitChunks 单独打包第三方模块
√ 开启 stylelint 检测scss, css语法
√ 为 less 提供全局样式,以及全局变量
√ 预渲染 prerender-spa-plugin
√ 完整依赖
安装
npm install rxfe -g
# or
yarn global add rxfe
使用
1.初始化项目
rxfe create <project-name>
# or
rxfe init <project-name>
rxfe create 支持如下命令行参数:
| 命令 | 默认值 | 描述 | | --- | --- | --- | | --force | 暂无 | 如果本地存在同名文件可以强制初始化文件夹 |
2.启动开发环境
rxfe server
# or
rxfe s
3.打包代码
rxfe build
# or
rxfe b
4.分析打包代码模块大小
rxfe analyzer
# or
rxfe al
5.检查代码规范
rxfe conard
# or
rxfe c
6.自动化部署
rxfe publish
# or
rxfe p
rxfe publish 支持如下命令行参数:
| 命令 | 默认值 | 描述 | | --- | --- | --- | | --config/-c | 暂无 |指定上传的配置文件绝对路径 | | --donload/-d | 当前路径 |下载自动化部署的配置文件|
ps: 执行命令会自动查找当前文件夹下的publish.js,找不到回去找当前文件夹下的src/config.publish.js