前端工程化什么意思(前端 工程化)

前端工程化什么意思(前端 工程化)有一天下午 小明打开某软件 想帮 HR 刷一下 KPI 面试官 了解过吗 额 额额 小明 886 了解一下 至少到时候还能侃几句 至少有个印象 那么下面 plz 字面意思是由和组成的 monolithic 的意思 repository 的意思是 注释 这个工具用来管理不同项目的单一库 项目与项目之间可能有相关联系 但是逻辑又是独立互不影响

大家好,我是讯享网,很高兴认识大家。



有一天下午,小明打开某软件,想帮HR刷一下KPI:

image.png
讯享网

image.png

面试官:了解过吗? :额,额额…

小明886!!!

了解一下,至少到时候还能侃几句,至少有个印象,那么下面plz👇

字面意思是由和组成的,(monolithic)的意思:;(repository)的意思是:。

image.png

注释:这个工具用来管理不同项目的单一库,项目与项目之间可能有相关联系,但是逻辑又是独立互不影响。

前端这个东西其实本质上来说,就是指的是将『一个项目的所有前端代码存储在一个统一的代码仓库中』的开发的模式。

传统的一般的前端开发,就是一个项目去去下载不同的库来辅助主项目,而中的单个库都是独立的代码仓库,当需要安装的包越来越多的时候,我们需要去各个仓库里面维护管理多个独立的库就变得越来越困难,越来越庞大。

那么就是思想就是,将,使用统一的版本控制系统进行管理。

  • Lerna
  • nx
  • Yarn Workspaces

这些工具提供了管理结构,流程为:安装构建发布,提高了开发效率和代码质量。

接下来用一个案例项目来解说一下。

image.png

image.png

这个文件做什么用的呢?

这个是: (1)、用来定义workspace的根目录的; (2)、从这个workspace中/某些目录(默认情况是包含所有子目录);

image.png

安装;

image.png

分别新建,,.

// 封装axios的base.js

 
  
讯享网

// user.js 请求接口

讯享网

// index.js

 

image.png

去跑,

image.png

image.png

在项目下面,下载刚刚我们单独一个文件夹做的的包,

第一种安装方法

第二种安装方法:

在的开发依赖里面这样写:

讯享网

至于这里的的的意思就是说,指定依赖项是从这个工作区里面去找的那个包,安装过来,平常一般我们这里的话就是写版本号嘛,

但是这里就是无论啥版本,去安装现在工作区()里面的这个的现有版本,不需要每次都去手动更改依赖项的版本号这个意思。

一下,就可以看到的vue项目就有这个的包了。

image.png

在上一步骤做完之后,就安装完成了,然后就可以在项目中引用去使用:

 

打印出来如下:

image.png

说明已经在项目中引入公共包是,引入成功了,最后就可以在页面中调用接口去请求数据那些了。

image.png

得到文件夹,最后用插件本地服务器跑起来。

image.png

完成!


小讯
上一篇 2025-05-14 10:02
下一篇 2025-05-04 20:43

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/136597.html