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交流群(374406559),在这里可以互相交流前端问题。
请将BUG提交在不同项目的 Github issues 里:
X-BUILD模板 | CLI工具 | X-FULLPAGE | X-LOAD | X-ANIMATE | X-TOUCH | X-MUSIC