/x-build

🖖「模板」基于webpack的H5页面开发工具

Primary LanguageJavaScriptMIT LicenseMIT

X-BUILD

Build Status

X-BUILD 是针对 H5 开发的一套自动化构建工具,致力于提升开发效率,减小开发难度。它可以让你在没有任何构建工具(例如 grunt 、 gulp 或 webpack 等工具)配置经验的情况下,帮你快速生成一个完整的前端工程,并可以打包代码和静态资源,使你的项目以最优异的性能上线。

功能特性

Speciality Description
devServer 模块热替换(HMR - Hot Module Replacement)可以显著加快开发速度。
自适应解决方案 px2rem + hotcss 实现多终端显示一致。
HTML 支持Pug模板引擎。
Css 支持sass、less、stylus样式预处理器,normalize重置样式,Postcss。
JavaScript Webpack解决模块化,通过Babel编译成现代浏览器可执行的JavaScript。
代码规范 使用ESLint避免低级错误和统一代码的风格。
静态资源服务 提供代码压缩、图片压缩、文件hash、base64处理等服务。

生态系统

Project Status Description
X-BUILD 基于Webpack的工程模板,CLI create时会被下载。
X-BUILD-CLI 脚手架工具,快速生成工程目录,并安装依赖。
X-FULLPAGE 适用于移动端的整屏滚动插件,支持动画触发。
X-LOAD 创建Loading效果、控制图片加载方式。
X-ANIMATE 屏幕滚动执行相应动画,支持动画组和生命周期回调。
X-TOUCH 使原生DOM支持轻触、长按和滑动事件。
X-MUSIC 设置背景音乐与按钮控制。

讨论交流

QQ群

欢迎加入 QQ交流群(374406559),在这里可以互相交流前端问题。

提问 & BUG

请将BUG提交在不同项目的 Github issues 里:

X-BUILD模板 | CLI工具 | X-FULLPAGE | X-LOAD | X-ANIMATE | X-TOUCH | X-MUSIC

使用文档

https://codexu.github.io/