elf
elf 介绍
ELF - 面向开发者的灵活可扩展的 html5 构建工具,提供命令行工具 elf(基于 webpack),无需构建配置文件即可进行开发,可用来制作各种 html5 场景营销活动页面,也可自由的通过模板和组件的组合来快速定制开发。
主要功能
开发时样式热加载支持 Sass、Less 和 Stylus 样式预处理自动编译Autoprefixer 前缀补全px -> rem 自动转换雪碧图合成自动获取图片 width 和 height部署构建时图片压缩部署构建时代码合并压缩安装
由于依赖的包比较多,第一次安装耗时很长很长,请稍微耐心等待一下。 推荐使用淘宝的 npm 镜像进行安装,执行 npm 安装命令时带上 --registry=https://registry.npm.taobao.org。 另外 node-sass 和 phantomjs 这两个包需要编译,可以设置 SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ 和 PHANTOMjs_CDNURL=https://npm.taobao.org/mirrors/phantomjs/,安装已经编译好的版本。# 全局安装 Node >= 6# mac/linux$ SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ PHANTOMjs_CDNURL=https://npm.taobao.org/mirrors/phantomjs/ npm install -g elf-cli --registry=https://registry.npm.taobao.org# windows$ npm install -g elf-cli --registry=https://registry.npm.taobao.org --SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ --PHANTOMjs_CDNURL=https://npm.taobao.org/mirrors/phantomjs/使用
# 初始化项目$ elf init demo# 安装依赖$ cd demo && npm install# 开发运行$ elf start# 查看 help$ elf --help链接: http://www.fly63.com/nav/2746网站地址:https://elf.aotu.io
GitHub:https://github.com/o2team/elf
网站描述:灵活可扩展的 HTML5 构建工具
elf官方网站
官方网站:https://elf.aotu.io