@ez-fe/helpers v0.6.54

Ez

Ez 是什么?

Ez 是一个极速零配置的前端脚手架.

Ez 有哪些特点?

1. 集成了 webpack 的各种优化, 配置了项目开发常用到的 loader 和 plugin, 原则上可实现零配置开发.
2. 使用 webpack-chain 的方式进行配置, 可以更加灵活的对 webpack 配置进行修改.
3. 可拔插的生产环境、测试环境、开发环境切换(开发服务自动重启).
4. 完善的 typescript 支持(包含配置文件).

安装

# npm 全局安装
npm i -g @ez-fe/cli
# npm 本地安装
npm i @ez-fe/cli -D

# yarn 全局安装
yarn global add @ez-fe/cli
# yarn 本地安装
yarn add @ez-fe/cli -D

ez init <project-name> # 创建项目
ez dev # 开发项目
ez build # 构建项目
ez info # 查看项目及系统配置

功能

初始化

可选择的初始化模板

• app (后台管理项目 react-admin)
• package (包)
• readme

开发

# 基于测试环境启动开发服务
ez dev --target test

构建

# 构建生产环境代码
ez build --target production

配置

• alias: webpack alias
• analyze: 分析 bundle 构成，build 时有效。默认 false
• babelrc: 自定义 babelrc 配置, 默认 false
• chainConfig: webpack chain
• cssSourceMap: css sourcemap, 默认 false
• cssModules: css modules, 默认 false
• define: WebpackDefine, 开发环境下,NODE_ENV 强制为'development', 非开发环境下 NODE_ENV 强制为'production'
• devtool: webpack devtool, 默认 false
• disableDynamicImport: 禁用动态加载, 默认 false
• eslintrc: 自定义 eslintrc 配置, 默认 false
• hash: 是否开启 hash 文件后缀, 默认 false
• host: host, 默认 0.0.0.0
• htmlMinify: 是否压缩 html 文件, 默认 true
• name:项目名称, 默认 react-admin
• minimize: 是否开启代码压缩, 默认 true
• outputPath: 输出路径, 默认 dist
• port: 监听请求的端口, 默认 12138
• publicPath: 资源前缀, 默认 /
• runtimeChunk: 分离 runtimeChunk, 默认 true
• themeColors: less 主题颜色
• treeShaking: 是否开启 treeShaking, 删除未使用代码, 默认 true

贡献

欢迎提出请求。 对于重大更改，请先打开一个问题以讨论您要更改的内容。

请确保适当更新测试。

License

MIT