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

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

内容简介::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/


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

查看所有标签

猜你喜欢:

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

大话设计模式

大话设计模式

程杰 / 清华大学出版社 / 2007-12-1 / 45.00元

本书通篇都是以情景对话的形式,用多个小故事或编程示例来组织讲解GOF(设计模式的经典名著——Design Patterns:Elements of Reusable Object-Oriented Software,中译本名为《设计模式——可复用面向对象软件的基础》的四位作者EIich Gamma、Richard Helm、Ralph Johnson,以及John Vlissides,这四人常被称......一起来看看 《大话设计模式》 这本书的介绍吧!

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具