ELF - 灵活可扩展的 HTML5 构建工具

最新推荐文章于 2024-03-12 23:51:50 发布

前端栈开发

最新推荐文章于 2024-03-12 23:51:50 发布

阅读量247

点赞数

分类专栏： nodejs 前端

本文链接：https://blog.csdn.net/phj_88/article/details/80935407

版权

ELF是一款基于Webpack的HTML5构建工具，提供项目初始化、样式预处理、热加载、雪碧图等特性，加速开发流程。内置多种示例模板，如基础、滑屏、场景切换、全景和视频播放，还包含通用组件如预加载和重力感应处理。项目灵感来源于create-react-app，未来计划进一步优化和扩展功能。

摘要由CSDN通过智能技术生成

通常当我们开始一个新的 HTML5 场景营销活动项目时，需要创建项目目录，初始化基本的项目文件，然后再添加构建（grunt/gulp/webpack）相关的文件（一次两次三次…，像小精灵采木一样~)，
目前有不少工具可以帮我们解决一部分这种重复性的工作，但不能完全的解决，于是，就有了小精灵 - ELF，官网：elf.aotu.io。

快速上手

安装

ELF 支持 Node >= 4，通过 npm 全局安装

1	npm install -g elf-cli

但是，由于网络的原因，直接安装估计多半都会在安装 node-sass 和 phantomjs 这两个包时失败，所以，强烈推荐使用下面的命令安装

# 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/