前端工程化及其实践 2

前端工程化及其实践 2

前端工程化及其实践又名：写毕设到企业级前端（第二天）

目录

• 前端工程化及其实践 2
  • 前端不仅仅是 web 的前端
  • 工程化仅限于前端开发
  • 服务端开发
  • App开发
  • 应用脚本开发
  • 工程化例子
    • 工程化是一种在软件开发过程中提高效率、质量和可维护性的方法
    • 工程化神器 Node.js
    • 工程化案例
      • 工程化的构建工具
    • 案例
      • Webpack
      • Vite
    • 两者的区别

前端不仅仅是 web 的前端

首先要说的是， 前端不再是单一化的对于自己行业的前端了， 比如游戏前端 unity-3D，客户端，安卓，IOS，windows桌面端。以后也许会出现 一个语言配合各种插件进行无缝生成其他端的工具， 而前端想要有竞争力则必须要学会相对应的行业知识。比如做游戏需要知道点点的图形学知识。然后进行行业开发则可以。银行医院则有自己的要求。总之，大前端不是吹的。身为后端出生的我，深深感觉到了前端的发展， 毕竟2016 年的时候美工和前端有时候可以一起做，而现在已经是一个工程化的内容了

工程化仅限于前端开发，它可以应用于各种不同类型的软件开发，包括服务端开发、App开发、桌面程序开发和应用脚本开发。以下是对每个主题的介绍和简单示例：

服务端开发：

在服务端开发中，工程化通常包括自动化构建、依赖管理、测试、持续集成等方面的内容。一个常见的例子是使用Node.js开发一个基本的Web服务器：

// server.js
const http = require('http');

const server = http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello, Server!');
});

const PORT = process.env.PORT || 3000;

server.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

在这个示例中，我们使用Node.js创建了一个简单的HTTP服务器，然后可以使用构建工具（如Webpack）和测试框架（如Jest）来进一步工程化开发流程。

App开发：

App开发包括移动应用和桌面应用开发。对于移动应用，工程化通常涉及构建、打包、测试和发布。例如，使用React Native开发一个简单的移动应用：