fe-builder
前端构建命令行工具。将构建部分单独抽取成一个项目,简化新项目的配置。支持 0 配置;100% 可扩展。减小维护成本。 集成ci
特点
- 简化新项目配置
- 支持 0 配置
- 100% 可扩展webpack的配置
- 默认支持 typescript
- 默认支持 dllPlugin 打包性能优化
- 支持 happypack,并行 loader
- webpack 升级后,只需要升级 fe-builder
约定||规范
- 默认入口路径
/src/index.(j|s)x?
- 默认生成目录
/build
- html 模板路径
/src/index.html
- dll 默认配置:
- dll 入口路径
/src/vendors.js
- dll 生成文件
resource/dll.vendor.js
- dll 生成配置文件
resource/vendor-manifest.json
- 需要手动在 html 模板中加入 dll 生成文件的 引入
- dll 入口路径
安装
yarn add fe-builder-cli
使用
环境变量
命令
# 初始化 会给出3个默认的配置文件# fe-builder.config.js -- fe-builder 构建配置文件# babel.config.js -- 默认 babel 配置文件# tsconfig.json -- 默认 ts 配置文件# 如果文件已存在则不会覆盖;只会给予提示fe-builder initfe-builder dev # 开发fe-builder pro # 打包部署fe-builder dll # dll 打包fe-builder formatAll # 通过 prettier 格式化话 /src 目录的文件fe-builder --help # 帮助
推荐 package.json 的 scripts 配置
"scripts":
API & 默认值
;