H5新人福音~零配置搭建现代化的前端工程

栏目: CSS · 发布时间: 7年前

内容简介：:white_check_mark: 零配置，快速搭建繁琐的开发环境搭建。:white_check_mark: 解决多终端屏幕适配以及代码兼容性、规范性。

X-BUILD 一套基于 Webpack (v4.21.0)快速搭建H5场景开发环境的脚手架，只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具，致力于提升开发效率，减小开发难度。它可以让你在没有任何构建工具（例如 grunt 、 gulp 或 webpack 等工具）配置经验的情况下，帮你快速生成一个完整的前端工程，并可以打包代码和静态资源，使你的项目以最优异的性能上线。

针对痛点

:white_check_mark: 零配置，快速搭建繁琐的开发环境搭建。

:white_check_mark: 解决多终端屏幕适配以及代码兼容性、规范性。

:white_check_mark: 代码压缩、静态资源压缩、更少的HTTP请求。

:white_check_mark: 可选插件，提升开发效率，易于扩展。

功能特性

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