《前端工程化》第12页

从 0 搭建 Vite 3 + Vue 2.7 前端工程化项目

前言Vue2.7正式版已经发布有一段时间了，但目前许多公司还没有升级Vue3的打算（比如我），随着Vite脚手架注定成为下一代前端工具链，许多用户都想基于Vite来构建Vue项目，如果想基于Vite构建Vue3项目，社区模板完全满足您的需求，如果想构建Vite3+Vue2+JavaScript项目，那社区模板不太能满足您的需求，因为社区模板提供Vue2项目几乎是基于Vite2+TypeScript

人人都在发奋·2022-10-22 15:48

从 0 搭建 Vite 3 + Vue 3 前端工程化项目

前言Vue3正式版已经发布有一段时间了，随着Vite脚手架注定成为下一代前端工具链，许多用户都想基于Vite来构建Vue项目，如果想基于Vite构建Vue3项目，社区模板完全满足您的需求，如果想构建Vite3+Vue3+JavaScript项目，那社区模板不太能满足您的需求，因为社区模板提供Vue3项目几乎是基于Vite2+TypeScript构建，对于不熟悉TypeScript语言的用户不是很友

人人都在发奋·2022-10-22 15:44

4W字从0到部署上线，用 TS 带你彻底掌握前端工程化

作者：前端公虾米公号/子弈前言本文是算法与TypeScript实现中TypeScript项目整体的环境配置过程介绍。主要包括了以下一些配置内容：GitCommitMessageTypeScriptESLintPrettierLintStagedJestNpmScriptHookVuepressGithubActions如果你对以上的某些配置非常熟悉，则可以跳过阅读。如果你不清楚是否要继续阅读其中的

前端达人·2022-10-19 07:08

我对前端工程化的理解

我对前端工程化的理解因为接触前端的时间比较晚，所以许多朋友也有与我相似的经历。在我的个人经历中，以前的课程项目并没有很好的去考虑可能影响维护成本和维护效率的因素。

RT_wqt·2022-10-18 10:06

谈谈前端工程化是个啥？

前端工程化就是解决以上问题而生的。前端工程化有四个特点：模块化、组件化、自动化、规范化。模块化：就是

weixin_30646315·2022-10-18 10:35

2021前端工程化面试精选——持续更新

目录Babel的原理是什么谈谈你对前端监控的理解谈一下你对前端工程化的理解1.Babel的原理是什么babel的转译过程也分为三个阶段，这三步具体是：解析Parse：将代码解析⽣成抽象语法树(即AST)

uperficialyu·2022-10-18 10:05

如何理解前端工程化？

一.什么是前端工程？一个类似的术语是软件工程（SoftwareEngineering）：Softwareengineeringisthesystematicapplicationofengineeringapproachestothedevelopmentofsoftware.将工程方法系统化地应用到软件开发中，就叫软件工程。那么，紧接着又有两个问题：工程方法是什么？系统化怎么理解？工程是指使用科

飞翔的熊blabla·2022-10-18 10:34

浅谈前端工程化、模块化、组件化

1、前端工程化，是一种思维而不是技术。前端工程化就是用做工程的思维来开发自己的项目,而不是一个页面接着一个页面来开发。

CSAIEIMS·2022-10-18 10:04

【前端面试题】08—31道有关前端工程化的面试题

随着前端技术的发展，前端工程化变得越来越重要。

油墨香^_^·2022-10-18 10:34

190324&谈谈你对前端工程化的理解

谈谈你对前端工程化的理解随着项目的不断发展和日益复杂，人们开始用一些新的思想去应对这些实际的挑战，模块化就是其中的一种方式。

向阳敲代码·2022-10-18 10:33

前端模块化、工程化

先谈谈前端工程化，web前端越来越像“应用程序”，处理的业务繁杂，需要用的html，css，js等文件越来越多；因此不得不用工程化的思想去组织管理这些文件；当然关于前端工程化在细节上见仁见智；以下是个人的理解

a178796665·2022-10-18 10:01

对前端工程化、模块化、组件化开发的理解

,一个新手前端也能在很短的时间里写出炫酷的页面效果,然而入门简单并不意味着前端这碗饭很好吃,做惯了切图、布局、扣特效的前端新同学在向前发展的路上越来越觉得吃力,而没有任何编程思想和软件开发基础很多人对前端工程化

itBellah·2022-10-18 10:01

前端工程化

“前段工程化”是前端开发领域非常重要的一环，本节重点介绍前端工程化体系的各个环节的设计要点和实践经验，引导大家深入思考并积极实践。

JunChow520·2022-10-18 10:31

谈谈对前端工程化的理解

什么是前端工程化？工程化是一种思想，而不是某种技术。

青颜的天空·2022-10-18 10:31

谈谈前端工程化

这篇文章博主想从一个组件库项目的角度，谈一谈自己对于前端工程化的理解和实践。

前端常春藤·2022-10-18 10:30

【Web前端】一文带你吃透HTML(下篇)

前端学习路线小总结：基础入门：HTMLCSSJavaScript三大主流框架：VUEREACTAngular深入学习：小程序NodejQueryTypeScript前端工程化一起学习HTML下篇吧!

橙子!·2022-10-17 09:27

「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）

一前言读完这篇文章你可能会学到哪些知识？①node实现终端命令行②终端命令行交互③深copy整个文件夹④nodejs执行终端命令如npminstall⑤建立子进程通信⑥webpack底层操作，启动webpack,合并配置项⑦编写一个plugin,理解各阶段⑧require.context实现前端自动化1实现效果展示项目效果myclicreat创建项目myclistart运行项目myclibuild

zl_Alien·2022-10-14 15:08

「前端工程化」从0-1搭建 React，TS 脚手架

一前言读完这篇文章你可能会学到哪些知识？①node实现终端命令行②终端命令行交互③深copy整个文件夹④nodejs执行终端命令如npminstall⑤建立子进程通信⑥webpack底层操作，启动webpack,合并配置项⑦编写一个plugin,理解各阶段⑧require.context实现前端自动化1实现效果展示项目效果myclicreat创建项目myclistart运行项目myclibuild

葬爱的java·2022-10-14 15:07

【Web前端】一文带你吃透HTML(上篇)

前端学习路线小总结：基础入门：HTMLCSSJavaScript三大主流框架：VUEREACTAngular深入学习：小程序NodejQueryTypeScript前端工程化开始前端之旅吧!

橙子!·2022-10-13 19:52

Webpack 5 的入门配置及使用

一、前端工程化的四个方面1、模块化（JS的模块化，CSS模块化，其他资源的模块化）2、组件化（复用现有的UI结构，样式，行为）3、规范化（目录结构的划分，编码规范化，接口规范化，文档规范化，git分支管理

wincheshe·2022-10-06 22:47

浅谈前端工程化的发展以及相关工具介绍

什么是前端工程化?

·2022-10-05 14:34

深入剖析nodejs中间件

但是它也存在自身的局限性.和那些传统老牌的编程语言相比,如JAVA,PHP.nodejs并不能成为它们的替代品,而且在可预估的未来,也很难撼动那些老牌编程语言的地位.目前nodejs主要有以下几个应用场景.前端工程化

·2022-09-26 15:11

从零到亿系统性的建立前端构建知识体系✨（开篇）

对我来言，主要有以下原因：个人成长：构建体系作为前端工程化中的重要一环，有必要进行全面的知识梳理和查漏补缺，同时也是对我这几年工作的总结和复盘工作需要：我目前所处的团队是做CICD流程相关的，涉及到大量前端工程化相关的知识

·2022-09-26 14:01

Webpack 插件分享: webpack-bundle-analyzer 打包文件分析工具

前端工程化越来越庞大，对于三方库、源代码的编译、打包等能力要求越来越高，如果一不小心打了太大的东西进去会造成客户端渲染

超悠閒·2022-09-25 01:29

前端进阶 — 开篇

学习内容javascript深度剖析函数式编程异步编程前端工程化脚手架开

fe-jay·2022-09-24 18:15

前端工程化cjs umd esm 打包差异详解

目录模块为什么要模块commonjsUMDesmoudle总结模块先简单说一下模块这玩意：一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。内部有自己的局部作用域以及程序，外部可以通过模块暴露的接口进行调用、执行模块内的程序为什么要模块我们从另一个角度出发，如果没有模块，会怎么样？污染全局作用域script标签自己插入自己手动排好顺序....总之就是，难以复用、难以维护！所以

·2022-09-24 17:17

Vue 汇总

VueVue-Vue基础Vue-组件化开发Vue-前后端交互Vue-前端路由项目相关Vue-前端工程化Vue-构建vue实战项目

友人A ㅤ·2022-09-23 18:04

前端Jest自动化测试

这就对我们前端工程化能力，提出了更高的要求。

小明同学c·2022-09-22 20:11

jest单元测试-基础

这就对我们前端工程化能力，提出了更高的要求。

qq_39985511·2022-09-22 20:57

【前端工程化】babel到底是个什么，了解babel的功能

Babel是一个JavaScript编译器，将高版本语法转换成低版本语法的，以实现一套代码的兼容问题Babel是什么？·Babel中文网##Babel是一个JavaScript编译器https://www.babeljs.cn/docs/index.html牢记一个重要的概念预设presets顾名思义，就是预先的设定babel的预设（presets）可以被看作是一组babel插件或options配

我有一棵树·2022-09-22 20:55

【前端工程化】代码没提交到git discard changes 后，ctrl+z无效，使用vs code中的timeline找回修改的代码

使用vscode一时间看错了项目，点击了discardchanges找回方法在vscodetimeline里面找回，这里面有保存的历史前提是，安装了githistory和gitlens的vscode插件感谢，timeline救我一会，要不我白忙活了，总之以后写好的功能要及时提交！

我有一棵树·2022-09-22 20:55

【前端工程化】使用jest单元测试，提高效率的方法

每日鸡汤：你总要努力追上那个曾经被赋予众望的自己吧假设一个场景：在一个庞大的项目中，领导给你提了一个小需求，让你写一个方法，判断两个数组内容是否相等，你写完了之后，你会怎么测试你写的方法？（1）将整个项目运行起来，找到对应的模块，然后验证；这样确实是没问题，但是对于一个庞大的项目来说，每次运行是很费时间的，所以每次测试的时间成本很高，一点改动就需要重启项目，所以不建议！（2）在项目外，新建一个js

我有一棵树·2022-09-22 20:27

开篇：到底什么是前端工程化？

前端工程化是现代前端的必备技能Web前端这几年进化速度之快让人咂舌。很多前端工程师都不禁吐槽“学不动了”。如今已经不是HTML、CSS、JS前端三剑客仗剑走天下的时代了。以笔者的亲身经历举例。

weixin_48109878·2022-09-21 15:06

什么是前端工程化？

前端工程化是现代前端的必备技能Web前端这几年进化速度之快让人咂舌。很多前端工程师都不禁吐槽“学不动了”。如今已经不是HTML、CSS、JS前端三剑客仗剑走天下的时代了。以笔者的亲身经历举例。

张金哲·2022-09-21 15:01

前端工程化之脚手架工具

分享一下前端工程化中有关于脚手架的相关知识，文章有点长，希望对大家有所帮助。每天进步一点点。

gongyexj·2022-09-21 15:29

Vue第五天学习总结——Vue全家桶之前端工程化(模块化相关规范、webpack、Vue单文件组件、Vue脚手架、组件库——Element-UI 的基本使用)

李穩钰·2022-09-19 18:52

关于前端面试知识点提纲（2021/11/24）

目录Part1关于学习内容（以下学习内容按排序复习）Part2具体的知识点一、HTML/CSS二、HTTP与计算机网络三、JS四、ES6五、框架（React）六、前端工程化七、NodeJS八、手撕代码Part1

YUJIE_OwO·2022-09-15 17:27

Web Components

组件化是前端工程化重要的一环，UI和交互（或逻辑）的复用极大的提高开发效率以及减少代码冗余。

一蓑烟雨任平生_cui·2022-09-14 10:50

【前端工程化】配置package.json中scripts命令脚本，新手必学

每日鸡汤：你总要努力追上那个曾经被赋予众望的自己吧目录前言一、运行npmrun命令之后会干啥？1.scripts里面写啥2.node_modules/.bin二进制可执行文件二、运行插件配置1.运行某个npm包的命令2.多个命令一起运行总结前言配置package.json中scripts脚本是node开发中第一技能。预警***菜鸟必看，大佬请绕道，菜鸟必看，大佬请绕道，菜鸟必看，大佬请绕道****

我有一棵树·2022-09-11 15:13

前端如何做AI？从框架推荐到优、劣势分析...

作者|殷圣魁，来自58集团TEG，专注于58前端工程化上线，nodejs持续集成，前端性能优化，AI在前端落地实践等。

Python大本营·2022-09-09 09:57

15薪｜20k-40k 前端工程师

今日招聘信息↓【工作内容】负责自动驾驶仿真软件pc桌面端gui以及web平台前端的开发、测试、运维参与前端工程化体系建设，持续提高研发效率、工程质量，保障产品高效交付、运行【岗位要求】计算机，软件工程等相关专业

·2022-09-08 16:48

registermodule 微前端_微前端实践

在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。微前端是什么那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸(Monolith

weixin_40009207·2022-09-07 20:01

微信小程序云开发——打卡小程序

这次看微信文档时候，发现微信云开发有个内容管理的功能，可以免除写后台的工作，正好最近在学前端工程化，结合工作中学习到的一些，就用微信的云开发重新写了一个小程序，顺便用上最近学的东西。

blue双月鸟·2022-09-07 13:46

每天一个前端小知识01——Webpack

一、何为前端工程化1.模块化：包括对css、js、资源的模块化2.组件化：封装组件，复用ui、css、js3.规范化：目录结构、编码、接口、文档以及git分支4.自动化：自动化构建、部署、测试二、Webpack

bei-zhen·2022-09-02 19:59

【axios】Vue项目中封装和使用axios

当时还未实现项目的规范化，没有严格划分组件和模块，只是把所有东西都写在一个html文件中，现在我们要从前端工程化的角度来看如何使用axios。

whu-水草·2022-08-27 13:48

使用Vue.js编写命令行界面,前端开发CLI的利器

关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常关注用户体验,作为开发者,我们在使用工具时,它给予我们的开发者体验(DX)我们也会十分关注.现代前端工程化离不开

·2022-08-09 08:02

react环境搭建及文件配置

webpack简介构建工具（基于Nodejs）node(v16)前端工程化。

前端小二&沐沐·2022-08-08 22:00

放弃webpack,拥抱gulp

别被标题吓到，哈哈，即使现在vite横空出世，社区光芒四射，两个字很快，但是webpack依旧宝刀未老，依然扛起前端工程化的大梁，但是今天我为啥说要拥抱gulp，因为我们经常常吃一道菜，所以要换个口味，

·2022-08-07 11:30

webpack学习笔记——【黑马程序员】

1.前端工程化与webpack1.1前端工程化1.2webpack的基本使用1.2.1webpack基本概念概念：webpack是前端项目工程化的具体解决方案1.2.2创建列表实现隔行变色新建文件夹：从终端进入文件夹

SixCandy·2022-08-05 19:53

Vue学习笔记01 前端工程化与webpack（黑马）

Vue学习笔记（黑马）一、前端工程化和webpack1、前端工程化2、webpackwebpack的基本使用webpack中的插件插件的作用安装webpack-dev-server配置webpack-dev-server

ChaoCheng_Wang·2022-07-29 18:00

推荐频道

《前端工程化》