工程化概述

一、工程化的定义与主要解决的问题

定义:
遵循一定的标准与规范,通过工具提高效率降低成本的一种手段。
面临的问题:
1、使用ES6+新特性,有兼容问题
2、使用Less、Sass、PostCSS增强CSS的编程性,运行环境不能直接支持
3、模块化或者组件化方式提高项目的可维护性,运行环境不能直接支持
4、部署上线前需要手动压缩代码及资源文件,部署过程需要手动上传代码到服务器
5、多人协作开发,无法硬性统一代码风格,从仓库pull回来的代码质量无法保证
6、部分功能开发时需要等待后端服务接口提前完成
主要解决的问题:
1、传统语言或语法的弊端
2、无法使用模块化/组件化
3、重复的机械式工作
4、代码风格统一、质量保证
5、以来后端服务接口支持
6、整体以来后端项目

二、工程化表现

一切以提高效率、降低成本、质量保证为目的的手段都属于工程化
重复工作自动化
1、创建项目:创建项目结构、创建特定类型文件
2、编码:格式化代码、校验代码风格、编译/构建/打包
3、预览/测试:(传统Apache、Ngix无热更新)Web Server/Mock、Live Reloading/HMR、Source Map
4、提交:Git Hooks、Lint-staged、持续集成
5、部署:CI/CD、自动发布

三、工程化≠某个工具

工程化的核心是对项目的整体规划或者架构,工具只是一种手段。文件的组织结构、源代码开放范式(语法、规范、标准)、前后端分离方式(基于ajax还是基于中间层),然后考虑搭配哪些工具,做哪些具体的配置选项来实现工程化整体的规划。
在这里插入图片描述

四、工程化与Node.js

脚手架工具开发
自动化构建系统
模块化打包
项目代码规范化
自动化部署

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值