说明
easy-packer
简单的前端构建工具,通过简单配置,实现静态资源一键构建.
###安装
npm install -g easy-packer
###使用
- 打包命令: 进入你的项目根目录,执行
easy pack [test|uat|prod]
, 此时,会在项目根目录生成.easy
目录,进行构建,构建完的文件在dist
目录
###配置项
easy-packer
支持部分选项配置,例如不同环境的CDN地址,可以在项目的根目录新建一个easy.conf.json,文件结构如下:
{
src: '/',
dist: 'dist/',
ignores: ['node_modules/**', 'package*.json'],
"cdn": {
"test": {
"common": "//m-static-ci.crfchina.com"
},
"uat": {
"common": "//m-static-uat.crfchina.com"
},
"prod": {
"js": "//m-static.crfchina.com",
"css": "//m-static.crfchina.com",
"img": "//m-static.crfchina.com",
"cssimg": "//m-static.crfchina.com"
}
}
}
src
: 源码根目录dist
: 编译后代码发布目录ignores
: 哪些文件不参与打包cdn
: 静态资源服务器URL,支持配置test
,uat
,prod
,三个环境,并且js
,css
,img
,cssimg
的域名可以分开,如果不希望独立配置,直接配置common
既可
###帮助
在命令行工具内运行 easy -h
来查看帮助文档