前端工程化什么意思（前端 工程化）



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

面试官：了解过吗？ ：额，额额...

小明886！！！

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

字面意思是由和组成的，(monolithic)的意思：；（repository）的意思是：。

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

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

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

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

• Lerna
• nx
• Yarn Workspaces
• ...

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

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

这个文件做什么用的呢？

这个是： （1）、用来定义workspace的根目录的； （2）、从这个workspace中/某些目录（默认情况是包含所有子目录）；

安装;

分别新建,,.

// 封装axios的base.js

// user.js 请求接口

// index.js

去跑，

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

第一种安装方法：

第二种安装方法：

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

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

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

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

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

打印出来如下：

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

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

完成！

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdkf/56237.html