码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-20 23:38:47      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:concepts   自动   提升   显示   适配   处理   gulp   The   执行   

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

针对痛点

? 零配置,快速搭建繁琐的开发环境搭建。

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

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

? 可选插件,提升开发效率,易于扩展。

功能特性

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

中文文档

https://codexu.github.io/

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

标签:concepts   自动   提升   显示   适配   处理   gulp   The   执行   

原文地址:https://www.cnblogs.com/10manongit/p/12741172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!