前端工程化第13页

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

前端工程化以及WebPack的使用

前端工程化工作内容，将设计稿切图转成静态页面，然后用jQuery插件实现一些页面的轮播图、跑马灯等交互效果。

抗争的小青年·2022-07-28 08:40

可能改变前端工程化未来的特性：ESM Loader Hooks

如果他最终落地，很可能会成为改变前端工程化未来的特性。本文我们来聊聊他。

·2022-07-18 11:03

从零实现一个vue文件解析器

在现在的前端工程化中,打包工具是不可或缺的，其中webpack无疑是占据了主导地位，当然也有尤大搞的vite,但是论生态和使用人数，至少在目前webpack还是更胜一筹。

·2022-07-13 18:53

如何做"前端工程化"

如何做"前端工程化"？前端工程化就是为了让前端开发能够“自成体系”，个人认为主要应该从模块化、组件化、规范化、自动化四个方面思考。

·2022-07-12 12:47

node执行cmd或shell命令使用介绍

目录引言一、node原生模块：child_process使用二、npm包：shelljs引言在实现前端工程化的过程中，经常需要在一个js脚本中去执行其他node/npm或者其他shell命令。

·2022-06-30 13:57

工程化之webpack打包过程

在前期，我们开了一个关于前端工程化的系列文章。

·2022-06-28 16:01

2020年零基础前端学习路线（本人亲身经历，9个月拿到拼多多、美团、京东校招offer，5000字长文）

文章目录前端学习路线前言入门基础开发工具HTMLCSS静态页面JavaScript三大主流框架VUEREACTAngular精耕深研小程序NodejQueryTypeScriptElectron前端工程化

前端彭于晏Eddie·2022-06-28 14:27

前端规范化标准

规范化是前端工程化的重要一项为什么要有规范标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码、文档、甚至是提交日志开发过程中人为编写的成果物代码标准化规范最为重要实施规范化的方法编码前人为的标准约定

夏暖冬凉·2022-06-27 09:28

前端工程化之规范化

为什么要有规范标准开发需要多人协同开发者不同的编码喜好统一标准，降低维护成本哪里需要规范化标准代码、文档、日志开发过程中的人为成果代码标准化决定项目质量，最为重要如何实施规范化人为的标准约定通过工具实现LintESLint安装安装：npminstalleslint-D，安装后就会在node_modules/.bin/下有一个CLI程序。使用先配置，再检查使用eslint--init生成配置文件，可

mxydl2009·2022-06-27 09:57

【前端工程化】vue2+webpack3项目迁移vite2踩坑总结

目录前言迁移前后对比迁移流程迁移业务代码到vite项目项目开发阶段报错处理项目打包阶段处理总结一.前言公司有个特别大维护时间长的后台管理系统，使用的是vue2和webpack3，虽然配置了很多编译优化，但启动和开发热更新速度依然很慢，极大的影响了开发效率，于是准备迁移vite2来优化，现在已迁移升级，来复盘记录下过程，至于vite速度快于webpack的原因，已经有很多文章讲的很明白，这里只记录下

·2022-06-26 22:28

下一代前端开发利器——Vite（原理源码解析）

最近看了尤雨溪在VueConf上的演讲视频：《Vue3生态进展和计划》[1]，感觉它确实解决了现阶段前端工程化的一些痛点，也能体会到尤雨溪对Vite的重视和大力推广的决心，再加上Vue本身的庞大用户基数

奇舞周刊·2022-06-20 14:42

webpack运行原理

前言在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。

twinkle||cll·2022-06-13 21:31

vue入门（一）前端工程化与 webpack

1、前端工程化前端工程化的解决方案目前主流的前端工程化解决方案：⚫webpack（https://www.webpackjs.com/）⚫parcel（https://zh.parceljs.org/）

KloveD·2022-06-13 10:35

前端工程化：plop自动生成文件（快速开发，创建模板文件）

一、介绍plop可以生成定制文件名、定制路径下的模板文件。这样有利于快速开发，特别是对于大型的后台管理系统，页面很多相似的内容，重复率很高的项目。二、实践2.1、安装yarnaddplop-g2.2、package--script配置"plop":"plop",2.3、根目录增加plopfile.jsmodule.exports=function(plop){plop.setWelcomeMess

snowball@li·2022-06-06 13:45

SSR学习总结

概述随着前端技术栈和工具链的迭代成熟，前端工程化、模块化也已成为了当下的主流技术方案，在这波前端技术浪潮中，涌现了诸如React、Vue、Angular等基于客户端渲染的前端框架，这类框架所构建的单页应用

Young_Jeff·2022-05-31 20:46

前端工程化之包管理器

包管理器(1)pnpm(基于hardlink+symlink)基于硬链接机制(hardlink)/内容寻址提升包的安装速度依赖包被存储在一个全局的store目录下，不同的项目依赖同一个包(版本相同)时，会硬链接至此位置，无需重新安装,即使一个包的不同版本，pnpm也会极大程度地复用之前版本的代码使用软连接（符号链接，symlink,类似于windows快捷方式）的非扁平的node_modules结

·2022-05-30 15:17

前端学习路线

目标：了解自己的实力明确不同阶段的学习路线大纲对前端知识进行一次评级level1阶段level2阶段JavaScript进阶Vue进阶浏览器原理数据结构与算法设计模式网络性能优化前端工程化其他总结后续文章的输出规划参考资料对前端知识进行一次评级

BOM485480·2022-05-27 06:50

黑马vue学习路线

vue学习路线第一天：前端工程化与webpack前端工程化的相关概念wabpack的常见用法打包发布第二天：vue基础入门-part1vue基本使用步骤vue中常用的指令vue-devtools调试工具目标

曹莓奶昔·2022-05-22 17:01

前端工程化之FaaS SSR方案

导读：揭秘百度直播研发部Web应用SSR技术新玩法，在CSR目录下添加一个JS计算函数就可以让页面具有SSR能力。依托端云协同驱动打通SSR技术关键路径、规模化落地引领高品质Web应用的市场价值。让我们对这个小时级赋能方案一探究竟。全文3608字，预计阅读时间10分钟===一、背景从CSR到SSG，网页信息从无到有完整呈现个性化内容滞后于AJAX请求，夯实访问体验，提升网页内容体量和平台品牌等级，

·2022-05-17 14:36

推荐频道

前端工程化