easywebpack cli 命令行工具 for easywebpack, 支持常用骨架初始化, Webpack 编译功能
- 支持
HTML
静态多页面 Webpack 构建 - 支持
Vue
,React
,Weex
Webpack 编译和Server功能 - 支持
Vue
,React
,Weex
easywepback-cli 配置初始化easywebpack-cli-template - 支持
Vue
,React
,Weex
webpack config build 配置初始化easywebpack-cli-template - 支持
Vue
,React
,Weex
client render boilerplate 项目初始化easywebpack-cli-template - 支持
Vue
,React
server side boilerplate 多页面和单页面项目初始化egg-vue-webpack-boilerplate, egg-react-webpack-boilerplate - 支持
Egg + TypeScript + Vue/React
server side boilerplate 项目初始化egg-vue-typescript-boilerplate, - egg-react-typescript-boilerplate - 支持
easy open [dir]
,easy kill [port], easy clean [dir]
常用命令 - 支持
npm package
项目初始化, 内置ESlint, 单元测试, 覆盖率, CI构建
$ npm i easywebpack-cli -g
按照成功后, 可以在命令行使用全局命令 easywebpack
or easy
easy -h
Usage: easy [command] [options]
Options:
-V, --version output the version number
-f, --filename [path] webpack config file name, default webpack.config.js
-w, --watch webpack watch and hot-update
-m, --hash webpack md5 hash js/css/image
-c, --compress webpack compress js/css/image
-b, --build [option] w(watch), m(hash) , c(compress), ex: wm/wc/mc/wmc
-h, --help output usage information
Commands:
init [options] init webpack config or boilerplate for Vue/React/Weex
install npm install
print [env] [options] print webpack config, support print by env or config node key
build [env] webpack building
server [env] webpack building and start server
clean [env] clean webpack cache
open [dir] open webpack cache dir
kill [port] kill port, such as 7001 or 7001,9000,9001
- easy init
step one:
step two:
-
easy build
-
easy build -f build/webpack.config.js
-
easy build dev
-
easy build test
-
easy build prod
默认读取项目根目录下的 webpack.config.js
配置
-
easy server
-
easy server -f build/webpack.config.js
-
easy server dev
-
easy server test
-
easy server prod
-
easy server -b wmc
默认读取项目根目录下的 webpack.config.js
配置
easywebpack
解决方案只内置了必须的几个常用 loader 和 plugin, 其他 loader (比如 less, stylus) 和 plugin (imagemini) 都是需要项目自己根据需要安装。
如果你自己搭建项目,遇到依赖缺失错误,除了手动 npm install 安装以外, 可以使用 easy install
命令,安装所有缺失的依赖,默认是 npm
方式
easy install
通过 mode
参数指定 cnpm
方式安装依赖(前提是你全局安装了cnpm)
easy install --mode cnpm
easy clean
easy open
easy kill 7001
easy kill 7001,9000,9001
通过 -s
参数启动构建大小分析工具, 支持 analyzer
(webpack-bundle-analyzer) 和 stats
(stats-webpack-plugin) , 默认用 analyzer
插件。
easy build -s
使用 stats
(stats-webpack-plugin) 构建大小分析工具
easy build -s stats
easy print -h
Usage: print [env] [options]
print webpack config, support print by env or config node key
Options:
-k, --key [name] print webpack config info by config key name, example: [module/module.rules/plugins] and so on
-h, --help output usage information
-
easy print -k module
-
easy print dev -k entry
-
easy print test -k module.rules
-
easy print prod -k module.rules[0]
-
easy print -k plugins
-
easy print -k plugins[0]
-
easy print -k output
-
easy print -k resolve
默认读取项目根目录下的 webpack.config.js
配置
说明: npm 模板下载参考 egg-init 脚手架实现.