——♥【前端工程化】第3页

前端工程化之：webpack1-1(构建工具）

这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序，你将遇到非常多的非业务问题，这些问题包括：执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等

小李老笨了·2024-01-27 22:21

前端工程化之：CSS工程化+Less

一、什么是Less？Less官网Less中文网Less是一种更加简洁的样式代码，它非常像CSS，但又不太一样，它让编写样式变得更容易。Less代码虽好，但它无法被浏览器识别，因此需要一个工具将其转换为纯正的CSS代码。由于node环境具有读写文件的能力，于是在node环境中可以轻松的完成文件的转换。npm上有一个包叫做less，它运行在node环境中，通过它可以完成对Less代码的转换。下面是CS

小李老笨了·2024-01-27 06:58

前端工程化之 webpack ＜二＞

八、webpack开发服务器配置8.1本地服务器webpack-dev-server目前开发的代码，为了运行需要有两个操作：操作一：npmrunbuild，编译相关的代码操作二：通过liveserver或者直接通过浏览器，打开index.html代码，查看效果这个过程经常操作会影响开发效率，希望可以做到，当文件发生变化时，可以自动的完成编译和展示为了完成自动编译，webpack提供了几种可选的方式

原来是有理数·2024-01-25 12:58

前端工程化(一)

前端工程化：根据标准和规范，通过工具提升效率降低成本的一种手段。它的出现是为了解决诸如ES6兼容，lesssass使用，模块化、组件化以及代码的压缩和上传过程中的失误等问题。

无聊_069a·2024-01-24 23:28

前端工程化之 webpack ＜一＞

一、Webpack和打包过程编写的代码==》经过打包工具（glup、rollup、webpack、vite）本身也是js代码，读取文件操作的，依赖于node环境==》普通的html、css、javascript==》打包到静态服务器==》跑在用户的浏览器1.1内置模块path用于对路径和文件进行处理在MacOS、Linux和window上的路径上是不一样的，部署的时候显示路径会出现一些问题，为了屏

原来是有理数·2024-01-24 21:21

使用Glup完成项目自动化构建

简介自动化构建是前端工程化的一个重要组成部分，将源代码转换为生成代码；这样就可以在开发过程中使用提高效率的语法、规范和标准比如我们可以通过：使用ECMAScript提高代码效率和质量使用Sass增强css

翔子丶·2024-01-21 01:39

[GN] 后端接口已经写好初次布局前端需要的操作（例）

文章目录使用vue-cli脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用vue-cli脚手架初始化使用·安装脚手架工具：npminstall-g@vue/cli

GGood_Name·2024-01-20 08:25

01|js包管理工具和原理分析：npm安装机制及企业级部署私服原理

01|js包管理工具和原理分析：npm安装机制及企业级部署私服原理前端工程化离不开npm或者Yarn管理工具通过script串联起各个职能部分，让独立的环节自动运转起来。

肥肥呀呀呀·2024-01-19 20:55

前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。

爱问的艾文·2024-01-19 09:27

016-Vue-黑马2023：前后端分离开发(在线接口文档)，前端工程化、Element、vue编写一个完成页面、Vue路由、vue打包部署到nginx

第三节前后端分离开发1、介绍开发模式前后端混合开发：传统开发模式前后端分离开发：当前最为主流的开发模式页面原型+需求案例：分析出接口文档离线开发文档示例：2、YAPI（官网已停用）2023.7停止维护了，已经登录不上官网了。在线接口文档管理平台：介绍：YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务地址：http://yapi.smart-xwor

清风微凉 aaa·2024-01-19 04:32

017-Vue-尚硅谷2023：

前端工程化一、前端工程化开篇1.1什么是前端工程化前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。

清风微凉 aaa·2024-01-17 06:31

单页面vite打包学习

前端工程化本人真的很发怵，一直也没有专心去突破一下，都是能用就用，所以今天小小学习一下打包，先从单页面应用的vite打包开始。本文主要是一些我的大白话和有限的经验，如有问题望指正。

自己瞎琢磨·2024-01-16 09:38

前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包

目录什么是Node.js定义作用:什么是前端工程化Node.js为何能执行Jsfs模块-读写文件模块语法:1.加载fs模块对象2.写入文件内容3.读取文件内容Path模块-路径处理为什么要使用path模块语法

Flyoungbuhu·2024-01-16 09:02

前端工程化

一、谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。一切以提高效率、降低成本、质量保障为目的的手段都属于「工程化」。主要解决问题：传统语言或语法的弊端如想要使用ES6+新特性，但兼容有问题；想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持无法使用模块化/组件化想要使用模块化的方式提高项目的可维护性，但运行环境不能直

WEB前端含光·2024-01-15 12:39

前端工程化回顾-vite 构建神器

1.构建vite项目pnpmcreatevite2.常用的配置：1.公共资源路径配置：base:'./',默认是/2.路径别名配置：resolve:{alias:{'@':path.resolve(__dirname

江南一舟110·2024-01-15 12:35

baidu_41921865·2024-01-15 09:09

0.Vue的介绍及使用

返回数据给前端->在浏览器中查看2.Ajax的出现->后台发送异步请求,Render+Ajax混合3.单用Ajax(加载数据,DOM渲染页面):前后端分离的雏形4.Angular框架的出现(JS的框架):出现了前端工程化的概念

开局签到Python基础·2024-01-14 13:18

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（六）

什么是前端工程化？Node.js为何能执行JS？

卡皮巴拉·2024-01-13 02:24

node 第二十一天 webpack 初见

为什么需要学习（了解）webpackwebpack是前端工程化的基石，webpack又是基于node进行文件打包bundle，所以作为前端起手学习node服务端开发，同时学习webpack是很有必要的。

飞衡、如日之升·2024-01-13 02:50

浅谈前端工程化

前言：前端工程化的源动力-为企业开发降本提效；前端工程化是指将系统化的、规范的、可度量的方法应用于前端的开发、运营维护过程中去。

爱问的艾文·2024-01-11 20:51

vue项目开发技巧(require.context)

require.context主要使用require.context实现前端工程化动他引入文件require.context(directory,useSubdirectories=false,regExp

惗Study溡光_0cdd·2024-01-11 04:00

Vue项目工程化创建和启动

npminstall3.vue项目—目录结构4.启动项目1.执行命令：npmrundev2.通过VScodeNPM脚本启动二、Vue项目开发流程App.vue:三.Api风格组合式api选项式api组合式Api前端工程化案例代码

熊猫发电机hhh·2024-01-10 20:34

nodejs01

作用Node.js是一个免费的、开源的、跨平台的JavaScript运行时环境，允许开发人员在浏览器之外编写命令行工具和服务器端脚本.是javascript的一个运行环境，，，nodejsstream是前端工程化的基础

waterkid0·2024-01-10 04:57

提升开发效率：npm包管理器的使用技巧

npm的高级特性1.使用不同版本的依赖项2.查看已安装的依赖项和它们的版本信息3.运行脚本命令《Node.js从入门到精通（软件开发视频大讲堂）》编辑推荐内容简介作者简介目录随着Web开发技术的不断发展，前端工程化已经成为了一个不可忽视的趋势

程序边界·2024-01-08 13:42

原生Web Components实现类Element UI中的Card卡片组件

WebComponents&&Card一、前言随着前端工程化生态日益成熟，出现了很多优秀的框架，如：Vue、React、Angular等等，极

天問_专注于大前端技术·2024-01-08 04:07

深度解析Webpack：现代前端工程化的利器

引言：前端工程化是当今前端开发的不可或缺的一部分，而Webpack作为其中的瑞士军刀，在项目构建和优化中扮演着至关重要的角色。

Mr.mjw·2024-01-06 06:44

06Vue的前端工程化

Vue的前端工程化一模块化规范1.1模块化规范举例浏览器端JS模块化规范：AMD，CMD服务器端JS模块化规范：CommonJS大一统的模块化规范：ES6每个js文件都是独立的模块导入模块成员使用import

攻城老狮·2024-01-03 05:55

前端部署脚手架专网项目实践

前言前端脚手架是前端工程化中一项重要的提升团队效率的工具，因而构建脚手架对于前端工程师而言是一项不可获取的技能，而业界对于部署方面的脚手架相对较少，一般来说都是针对于业务的相关模板进行相关的工程化脚手架构建

维李设论·2024-01-01 13:14

前端工程化及其实践1

前端工程化及其实践1前端工程化及其实践又名：写毕设到企业级前端（第一天）前端工程化简介目录前端工程化及其实践前端工程化简介传统和现代化开发的案例对比传统前端案例现代化前端现代前端案例现代化项目结构举例vue

Wade_Crab·2024-01-01 10:59

前端工程化及其实践 3

前端工程化及其实践3前端工程化及其实践3，又名：写毕设到企业级前端（第三天）目录安装Node.js环境基础的Node项目学习模块化设计用CommonJS设计模块用ESModule设计模块了解模块导入限制

Wade_Crab·2024-01-01 10:59

了解前端工程化之组件化——Vue组件

前端工程化包含这么四个方针：模块化、组件化、规范化、自动化具体可以查看：了解前端工程化其中就有我们的组件化，它指的就是根据封装这么一个思想概念，将页面上可以重复使用的UI结构封装为组件，也叫做复用，可以大大的方便我们项目的开发以及维护

Try Tomato·2023-12-31 20:08

【转载】下一代Web应用模型：Progressive Web App

包括但不限于基于Node.js的前端工程化方案；诸如Webpack、Rollup这样的打包工具；Babel、PostCSS这样的转译工具；TypeScript、Elm这样转译至JavaScript的编程语言

weixin_30815469·2023-12-31 17:42

网页设计--第7次课后作业

可以参考视频讲解（重点参考第一个视频）：：Day03-04.前端工程化-环境准备_哔哩哔哩_bilibili尚硅谷2023版Node.js零基础视频教程，nodejs新手到高手_

wyhwust·2023-12-31 00:29

前端必须的服务端项目，node + express （这篇文章就够用）包含源代码

所以在我们继续学习前端工程化的知识之前，需要学习搭建一个基本的服务端项目，我们前端常用的服务端

我有一棵树·2023-12-30 08:24

ArkUI学习（待续）

MVVM架构实践阶段实际项目案例分析应用所学知识解决问题拓展阶段关注ArkUI最新动态和技术发展拓展知识领域和技能范围高级阶段性能优化自定义组件开发异步编程和数据流管理测试和调试技术跨平台开发框架比较前端工程化与实践用户体验设计与交互响应式设计总论

yangzex·2023-12-29 01:26

【JavaWeb学习-第四章（2）】前后端分离开发 & 前端工程化

文章目录1.前后端分离开发1.1.介绍1.2.YAPI1.2.1.YAPI介绍1.2.2.接口文档管理3.前端工程化3.1.介绍3.2.前端工程化入门3.2.1.环境准备3.2.1.1.NodeJS安装

Cpdr·2023-12-28 22:10

coderfl·2023-12-28 09:12

package.json

Node为前端工程化，模块化注入了新鲜的血液，而npm是其中关键的一环。对于刚接触这些新颖概念的我，此文作为学习笔记加强记忆帮助使用。

DHFE·2023-12-27 21:29

聊聊前端工程化

我对工程化的理解随着互联网的发展，软件工程师出现了！他们不用一砖一瓦，也不用尺子电钻，计算机是他们的施工现场，代码是他们的工程部件，键盘之上的指尖跃动是他们的工程活动，在你看不见的地方运行着的一项项服务，操作系统上你看得见的app，网页等是他们的工程产出。然而有行业的地方就有江湖，正如不是每一个会盖房子的都是建筑工程师，同样的也不是每一个会编程的都可以叫做软件工程师。那普通程序员和软件工程师的区别

黄榕生Ron·2023-12-27 11:10

前端性能优化四十六：工程化体系定义

保障质量"为目的的手段,都属于工程化的范畴.②.通过一系列的规范、流程、工具达到"研发提效、自动化、保障质量、服务稳定、预警监控"等.③.可以借助于Node,将研发链路延伸到整个DevOps中去.④.前端工程化指使用软件工程的技术与方法对前端开发的技术

wanmeijuhao·2023-12-27 04:25

前端性能优化四十七：工程目录设计范式种类

1.模块化:①.将一个复杂应用根据预设规范封装为多个块并组合起来:a.对内实现数据私有化b.对外暴露接口、其它模块通信②.在前端工程化具体体现:a.在文件层面上对代码与资源实现拆分与组装b.将一个大文件拆分为互相依赖的小文件

wanmeijuhao·2023-12-27 04:25

前端初始化+按需引入组建

随着前端工程化的概念越来越深入人心，脚手架应运而生。简单来说，「前端脚手架」就是指通过选择几个选项快速搭建项目基础代码的工具。

城堡修炼者·2023-12-26 04:11

webpack构建前端工程

1)构建前端工程化前言，当我们写vue/React项目的时候，往往会使用官方推荐的脚手架工具自动生成项目，例vue-cli/react-cli脚手架，那今天我们就自己手动构建一个前端工程。

十年之后_b94a·2023-12-25 16:52

webpack扫盲——如何编写一个loader

目录前言一、关于loader二、确认需求三、loader编写1.初始化2.loader编写3.增加可配置化代码四、代码调试前言本文默认读者对前端工程化有一定的认识，对webpack有一定的裂解并且知道怎么使用

小敏哥·2023-12-25 03:56

如何从零开始创建React项目（三种方式）

在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是“在浏览器中直接引入”、“使用官方脚手架create-react-app

C澒·2023-12-23 08:24

前端工程化实战 - 日程管理

我是南城余！阿里云开发者平台专家博士证书获得者！欢迎关注我的博客！一同成长！一名从事运维开发的worker，记录分享学习。专注于AI，运维开发，windowsLinux系统领域的分享！本章节对应知识库南城余的知识库10.1前端代码处理10.1.1创建src/utils/request.js文件importaxiosfrom'axios'//创建instance实例constinstance=axi

南城余coding·2023-12-22 13:44

JavaWeb——第七章前端工程化_2

第七章前端工程化_2六、Vue3视图渲染技术6.1模版语法6.1.1插值表达式和文本渲染6.1.2Attribute属性渲染6.1.3事件的绑定6.2响应式基础6.2.1响应式需求案例6.2.2响应式实现关键字

_Matthew·2023-12-22 00:07

JavaWeb——第七章前端工程化_1

第七章前端工程化_1一、前端工程化开篇1.1什么是前端工程化1.2前端工程化实现技术栈二、ECMA6Script2.1.es6的介绍2.2es6的变量和模板字符串2.3es6的解构表达式2.4es6的箭头函数

_Matthew·2023-12-22 00:06

前端工程化面试题

exports.a='a';module.exports.b='b';this.c='c';module.exports={d:'d'}参考答案：{d:'d'}2.说一下你对前端工程化，模块化，组件化的理解

[object undefined]·2023-12-20 17:25

parcel-vue

使用parcel+vue的项目简单介绍介绍Parcel手动搭建快速构建介绍传统的webpack配置越来越复杂，对于追求简洁的前端工程化来说似乎有点背道而驰，随着其功能越来越强大，也不可避免的越来越臃肿，

午夜阳光5021·2023-12-19 23:03

推荐频道

——♥【前端工程化】