@xiui/lib-cli v0.2.2
一个基于webpack5 快速搭建js库的cli
在做一个js库 使用webpack开发 需要做很多繁琐配置,比如Babel、TypeScript、Css 预编译等等,或对于新人来讲上手吃力,不好配置,本CLI 解决这些问题,通过简单配置就可以快速开发。
功能
- 基于最新的webpack5,更快的速度优化
- 支持Babel 可配置 polyfill
- 集成TypeScript配置
- 可选 Less、Sass、Stylus 预编译语言
- 支持 Service Workers
- 支持 ESlint,TypeScript也集成
- 支持 i8n,可生成其他语言包
- 支持模板变量,可在项目内使用
兼容性
ie9+ nodejs 12.5+
快速使用
安装 npm i @xiui/lib-cli -g
使用 lib init app
经过一系列配置 cd app npm run dev 就可以开发了
进阶
创建项目
lib init \<project> --current
init 可简写 i ,project 为创建的目录名称,--current或-c 代表本目录下创建项目
运行&打包
lib run \<sheet> --development
--development --production 代表webpack环境,简写 -d -p 设置命令的环境
转换语言包
通过一个写好的语言作为模板生成不同语言json lib lang \<template> \<type...> --output
在项目根目录下创建 template.json 文件,配置中文,或英文 模板 执行命令
这时 src 目录下多出lang文件夹,下面有中文,英文,日文语言包
template 语言模板包名称
type 转换的语言 可配多个
--output或-o 可配置输出地址默认lang lib lang template zh-CN en -o langs
--entry或-e 可配置入口地址默认根目录 lib lang template zh-CN en -e src/template
环境变量
在项目 webpack 目录下有两个 dev json文件,在运行不同环境下,会将当前的变量注入到全局中,可在项目中使用
默认有两个
“process.env.NODE_ENV” -- 当前环境
“process.env.BASEURL” -- webpack配置的publicPath
webpack配置
webpack下还有个lib.config.js 用来快捷配置一些功能,例如代码压缩,打包地址目录等等,如果不满足修改同级的webpack.config.js文件