基础-工程化带来了什么?

在前端领域,不仅仅是在平常的工作中,更在一些晋升,又或者是面试,经常听到前端工程化,具备前端工程化经验,那什么是前端工程化?``前端工程化又带来了什么?

在最开始学习前端时,是一个项目文件夹里包着一不同类型的文件夹。

到后面接触框架了,比如说vue,那项目的目录又不一样了。

从前面到后面,是什么让我们的工程结构发生这么大的变化,难道这些变化都是由框架带来的吗?很明显不是的。

一般我们学前端,学完html接着学cssjs,学完了实践,就是做项目哈,用的就是前面的第一种结构。好了,会开发页面了,然后就开始使用框架了,使用命令创建vuereact项目,然后使用模版语法开始开发,写业务需求,增删改查,修改bug,然后摸鱼,等待新业务下来....,咳咳咳,扯远了,回归正传,那会儿应该由很多人那会儿有疑问,这些文件都是干嘛的,怎么生效的?

那这个过程就是跳级,那这两个之间还缺了一个点,那就是 工程化。工程化涉及的简直是方方面面。举个例子。

js 复制代码
<template>
  <div class="tables">
    <img :src="imgUrl" alt="" />
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";

const imgUrl = ref("../../assets/imgs/pic.jpg");

就这么图片引用,定义个图片地址,是可以访问得到的,不信看预览。

预览能拿到,但是页面就是拿不到,嘿,有趣吧,不信你试试。

那换一种引用,图片又能正常显示了。

html 复制代码
 <div class="tables">
    <img src="../../assets/imgs/pic.jpg" alt="" />
  </div>

大家都遇到过,大家都能说出是相对路径和绝对路径的问题,但是,这是为什么呢?跟工程化有关!这些小问题一堆,还有啊,比如优化,一些公司的项目启动都要好几分钟的时间(😌就是我们公司的项目),还有项目体积打包,啧啧,大,虽然是用了框架,但还是稍微大😑😑。

所以,工程化到底做了什么事呢????🤔🤔😫😯,听大佬说是,工程化就是 当一个项目上了一定的规模之后,出现的各式各样的问题,都需要工程来解决。工程化不是具体的一门技术,是一大堆技术的合集emmm😶 所以啊涉及的东西太多了,这个工程化不是一下就能搞懂的。后面慢慢地深入吧😫

相关推荐
herogus丶8 分钟前
【Chrome】‘Good助手‘ 扩展程序使用介绍
前端·chrome
独立开阀者_FwtCoder11 分钟前
面试官:为什么在 Vue3 中 ref 变量要用 .value?
前端·javascript·vue.js
NetX行者14 分钟前
基于Vue 3的AI前端框架汇总及工具对比表
前端·vue.js·人工智能·前端框架·开源
独立开阀者_FwtCoder14 分钟前
手握两大前端框架,Vercel 再出手拿下 Nuxt.js,对前端有什么影响?
前端·javascript·vue.js
独立开阀者_FwtCoder15 分钟前
弃用 html2canvas!快 93 倍的截图神器!
前端·javascript·vue.js
weixin_3993806929 分钟前
TongWeb8.0.9.0.3部署后端应用,前端访问后端报405(by sy+lqw)
前端
cver1231 小时前
CSGO 训练数据集介绍-2,427 张图片 AI 游戏助手 游戏数据分析
人工智能·深度学习·yolo·目标检测·游戏·计算机视觉
伍哥的传说1 小时前
H3初识——入门介绍之常用中间件
前端·javascript·react.js·中间件·前端框架·node.js·ecmascript
FreeBuf_1 小时前
新型BERT勒索软件肆虐:多线程攻击同时针对Windows、Linux及ESXi系统
人工智能·深度学习·bert