Hello，大家好！在前面三章中我们与大家分享如何使用webpack来完成前端的模块化打包工作，并附带了一些简单的案例实现，算是webpack的一个入门吧。从这一章开始，我们将陆续为大家介绍如何使用webpack来完成前端工程化开发。 1.什么是工程化开发 软件工程的工程化开发概念由来已久，但对于前端开发来说，我们没有像VS或者eclipse这样量身打造的IDE，因为在大多数人
转载
2023-08-27 16:53:37
110阅读
工程及工程化首先看什么是工程？一个工程其实就是一个项目，比如一个网站或者一个APP，普通的程序员，大部分情况下，都是处于其中的一个环节，要学习工程化，就需要先了解工程化的整个生命周期；图示中已经是我简化过的内容了，实际的过程更加复杂，其中会牵扯到非常多的人力物力财力以及相当大的管理成本；一个工程从立项到交付上线的整个过程中，一定会使用到各种工具那么工程化，其实就是完成项目过程中，用到的各种工具和技
文章目录一、工程化概述1.1 工程化的定义和主要解决的问题1.2 一个项目过程中工程化的表现1.3 工程化 ≠ 某个工具1.4 工程化与 Node.js二、脚手架工具2.1 脚手架工具概要2.2 常用脚手架工具三、Yeoman3.1 Yeoman 简介3.2 Yeoman 基础使用3.3 Sub Generator3.4 Yeoman 使用步骤总结3.5 自定义 Generator（基于 Yeo
前端工程化：模块化、组件化、规范化、自动化 模块化(js模块化、css的模块化、资源的模块化) 组件化(复用现有UI结构、样式、行为) 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、git分支管理) 自动化(自动化构建、自动化部署、自动化测试) ...
转载
2021-09-07 14:51:00
83阅读
2评论
介绍之前是前后端混合开发，现在是前后端分离开发。前者沟通成本高，分工不明确，不便管理，不便维护。前端后端分离开发是通过接口文档来交流。YAPI 前端工程化环境配置安装nodejs在cmd管理员运行中使用 npm config set prefix "E:\vscode\nodejs"npm install -g cnpm --registry=http://registry.npm.taobao
!图片(https://s4.51cto.com/images/blog/202205/17133113_628333212adbb98510.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpd
原创
精选
2022-05-17 13:36:13
597阅读
在前端开发的初始阶段，开发者通常只用关 html, css, javascript。但是现代化的前端开发已经不仅仅是业务代码本身，真正的前端开发环境涉及很多方面的需求，如： 开发需求 共享需求 性能需求 部署需求 这些东西我们都统一的叫做前端工程化，为了简化前端工程化的配置，出现了很多优秀的工具比如
原创
2022-04-06 11:29:02
171阅读
前端工程化：提升开发效率与质量的必经之路在当今的数字化时代，前端开发已经成为企业级应用和互联网产品中不可或缺的一部分。随着技术不断发展，前端代码的复杂性和规模也在不断增加。为了提高开发效率和质量，前端工程化成为了必要的趋势。本文将探讨前端工程化的概念、重要性以及如何实现前端工程化。一、前端工程化概述前端工程化是指将前端开发过程转化为高度规范化、自动化和可持续优化的流程。通过前端工程化，开发团队能够
原创
2023-09-12 09:37:23
89阅读
前端工程化 模块化 背景： 在实际开发时，经常会遇到变量名称或函数名称一样的情况。这不仅容易造成命名冲突，还会污染全局变量。 基于此，JS也引入模块化的概念： 早期的模块化不是真正的模块化，立即调用函数表达式(简称IIFE)就是一个在定义时可立即执行的函数 var result = (functio
原创
2022-10-30 10:41:22
74阅读
一、什么是前端工程化 前端工程化是使用软件工程的方法来解决前端的开发流程中模块化、组件化、规范化、自动化的问题，其主要目的为了提高效率和降低成本。 二、为什么需要前端工程化？ Web业务日益复杂化和多元化，现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。代码量可能 ...
转载
2021-08-04 15:15:00
1538阅读
在不知道什么时候，突然有人提起前端工程化这东西，一开始觉得又是某个大神故意提起的高深词汇，专门来吓唬人的。 继而我疯狂查找了很多的资料，在接近二十篇的相关资料，每一篇文章都写得神乎其神，大有唯我独尊的意味，但每篇看下来，总感觉不对经——就是大家都把自己一套比较规范的开发套路充当出前端工程化，前端工程化变成了前端优化，让人看了，“对啊，这样做规范多了，
原创
2017-04-14 14:46:09
569阅读
原创
2022-09-09 08:23:57
113阅读
原文点此跳转什么是前端工程化？前端工程化是一种思想，而不是某种技术。主要目的是为了提高效率和降低成本，也就是说在开发的过程中可以提高开发效率，减少不必要的重复性工作等。现实生活举例建房子谁不会呢？请几个工人一上来就开始弄，在建筑的过程中缺了材料就叫个工人去买，发现工期快到了来不及了，就马上多请几个人回来弄。客户又说这里改改，那里改改。最终却是可以把房子建起来，但是很容易出现问题，出现问题了又是谁的
原创
2023-05-23 23:54:50
103阅读
一. 什么是前端工程化？概念前端工程化，是随着近几年前端项目变得越来越复杂，才提出的一个概念，这个概念在软件工程领域里面，其实并不新鲜。从我个人角度理解，前端工程化是前端开发的一种思维方式，是针对前端开发过程中所遇到的一系列问题的解决方案，如：组件化、软件质量、可维护性、团队协作、开发效率、测试效率、构建效率、自动化等。我建议大家用上帝视角来看待「前端工程化」这个概念，以俯视的角度来观察整个前端团
转载
2021-03-04 13:42:04
655阅读
2评论
Babel基础 默认导入与导出 按需导入与导出 直接导入 Webpack基础
原创
2022-07-25 10:28:30
94阅读
概念：webpack 是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化
原创
精选
2023-06-25 10:55:48
472阅读
虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。只不过那个时候，前端工程师并没有工程化的意识，也没有必要对前端进行工程化的操作，毕竟在那个时期，前端的开发工作只能算是整个项目开发过程中的“附属品”。那为什么这几年，前端工程化的概念又突然成为了热点话题了呢？要想讲好前端工程化其实并不容易，我就从
转载
2021-01-15 19:20:13
229阅读
2评论
https://www.zhihu.com/question/433854153/answer/1713597311我认为，「什么是前端工程化」——这是一个很好的问题，但同时也是一个非常「务虚」的问题。因为前端工程化是一个极度宽泛且宏大的概念，我们很难去下一个定义，也无法给出一个样例来解释。我试图从工程（构建）工具对比和一个线上 bug 的处理来侧面说明。工具篇提到工程化（构建）工具，作为经验丰富
原创
2021-05-05 15:56:29
349阅读
1、使用的t-standard-style extends: 'standard', 2、.eslintignore忽略和禁用 vscode下eslint报错
转载
2018-08-22 16:49:00
155阅读
2评论
本文讲解如何构建一个工程化的前端库，并结合 Github Actions，自动发布到 Gith
转载
2022-11-29 13:28:23
165阅读
