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处理等服务。

中文文档

https://codexu.github.io/


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

响应式Web设计实践

响应式Web设计实践

[美] Tim Kadlec / 侯鸿儒 / 人民邮电出版社 / 2013-3-1 / 55.00元

随着各种各样的移动设备不断地涌现到使用者面前,Web设计的适应性已经成为设计师们所面临的最为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供友好的UI和用户体验,同时在小尺寸屏幕上也应该可以提供一致的用户体验,并可以让用户能够在桌面大屏幕上和移动小屏幕上平滑切换,同时没有任何的不适应感觉。 本书作者是一位出色的开发者,在本书中,他将诸多技术和设计理念杂糅在一起,再辅以......一起来看看 《响应式Web设计实践》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

URL 编码/解码
URL 编码/解码

URL 编码/解码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换