《前端工程化》

前端工程化: vite与webpack的优缺点对比

一、前语前端工程领域最近一年出了不少新的工具，这些新工具都运用了一些新技术或者跨领域技术，在性能上实现了一些突破，为开发者带来更快更好用的开发体验。二、背景在浏览器支持原生ES模块之前，JavaScript并没有提供的原生机制让开发者以模块化的方式进行开发。于是Webpack、Rollup等构建式打包工具应运而生，它们极大地改善了前端开发者的开发效率。但随着我们的应用不断迭代，我们需要处理的Jav
是ADI呀·2023-01-30 08:23

webpack手动配置以及自动配置

首先我们需要了解前端工程化概念：以模块化、组件化、规范化、自动化为基础，进行前端项目开发的方式。
zero to 0·2023-01-30 08:48

前端工程化：保姆级教学 Jenkins 部署前端项目

DevOps提到Jenkins，想到的第一个概念就是CI/CD在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付，使软件的构建，测试，发布更加的快捷、稳定、可靠。CICI的英文名称是ContinuousIntegration
我爱田Hebe·2023-01-28 20:52

springboot 配置静态资源映射

配置web页面资源的映射实现在springboot工程中访问静态的html页面；前端工程化，使用npmrunbuild打包生成的静态文件(html+js+css)直接拖到springboot工程下可实现部署编辑
尹楷楷·2023-01-27 04:42

VUE前端工程化（ 一）（掌握组件的多种通信及数据同步）

组件通信父子组件通信父传子props属性子传父$emit事件这两种官方文档里有很详细的介绍就不解释了还是举个栗子：//parent.vue父组件parent:{{money}}-->//两种写法都可以，是语法躺；.sync表示同步，如果只传value用v-model即可importSon1from'./Son1'exportdefault{components:{Son1},data(){retu
围墙w·2023-01-26 15:05

前端next工程自动化部署到你的宝塔

背景程序员的日常，总有一个自己的项目，不管是博客，还是一些日常应用，还是好久都不维护的一些奇怪的想法，总是需要一些前端页面去做一些应用展示，目前前端工程化已经逐渐普遍，需要打包，部署等一系列的操作。
·2023-01-18 21:08

【全干工程师必学】一文搞懂Vue2.0

一文搞懂Vue2.0一、前端工程化二、WebPack是什么基本使用实现奇偶行变色1.初始化包管理工具2.安装jquery3.在项目中安装webpack4.在项目中配置webpack5.运行代码mode的可选值
小蔡coding·2023-01-15 10:21

前端工程化

前端工程化1、如何理解webpackwebpack是一个静态模块打包工具，会从入口点构建一个依赖图，把项目中所需的每一个模块组合成一个或多个bundles。
Tammyhlf·2023-01-10 15:56

深入剖析nodejs中间件

但是它也存在自身的局限性.和那些传统老牌的编程语言相比,如JAVA,PHP.nodejs并不能成为它们的替代品,而且在可预估的未来,也很难撼动那些老牌编程语言的地位.目前nodejs主要有以下几个应用场景.前端工程化
语无伦次￥！·2023-01-10 06:43

【源码&库】跟着 Vue3 学习前端模块化

Vue3为了支持不同的用户群体，提供了多种模块化方案，这样使得我们在使用的Vue的使用可以有很多种方式；例如我们可以直接在html中使用script标签引入Vue，也可以前端工程化工具，例如webpack
·2023-01-09 14:39

webpack基础教学，简单易懂（一）（什么是webpack以及webpack的基本使用）

前端工程化webapck什么是前端工程化前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化前端工程化的解决方案早期的前端工程化解决方案：grunt（https
Shaka@·2023-01-09 09:18

【Web前端】一文带你吃透CSS(完结篇)

前端学习路线小总结：基础入门：HTMLCSSJavaScript三大主流框架：VUEREACTAngular深入学习：小程序NodejQueryTypeScript前端工程化文章目录一.CSS布局-对齐
橙子!·2023-01-08 16:38

VUE 2.0 基础入门（一）前端工程化与webpack

VUE2.0基础入门（一）前端工程化与webpack前言前端工程化1小白眼中的前端开发vs实际的前端开发2什么是前端工程化3前端工程化的解决方案webpack的基本使用1什么是webpack2创建列表隔行变色项目
澪mio·2023-01-07 19:28

Vue（使用webpack）与java后端（使用springmvc与tomcat8）整合测试与部署方案

最近学习了一下基于vue和webpack的前端开发，感受到前端工程化真的很棒，又想了想我个人网站写得一团乱麻的jquery前端代码，于是就想着用Vue重写一遍，这样能够使代码变得更加简洁易于以后维护和修改
追梦的小猴子·2023-01-05 17:51

Vue3.2+Vite+ts+element-plus+pinia搭建完美前端工程化项目

使用Vue3.2+Vite+ts+element-puls+pinia搭建前端项目一、package.json{"name":"vue-main-web","private":true,"version":"0.0.0","scripts":{"dev":"vite--modedev","build":"vue-tsc--noEmit&&vitebuild--modeproduction","pr
happy任·2023-01-05 13:58

TypeScript 前端工程最佳实践

作者：王春雨前言随着前端工程化的快速发展，TypeScript变得越来越受欢迎，它已经成为前端开发人员必备技能。
·2023-01-04 15:11

TypeScript 前端工程最佳实践

作者：王春雨前言随着前端工程化的快速发展，TypeScript变得越来越受欢迎，它已经成为前端开发人员必备技能。
京东云开发者·2022-12-28 16:41

TypeScript 前端工程最佳实践

作者：王春雨前言随着前端工程化的快速发展，TypeScript变得越来越受欢迎，它已经成为前端开发人员必备技能。
·2022-12-22 10:17

奇舞周刊第 342 期：技术人如何更好地把控发展趋势

最后完善的前端工程化必定是会反哺到我们的业务当中，极大的提高我们的开发效率和体验。”前端页面仔的祖传技术JS终于有史书了这篇论文《JavaScript:TheFirst20Years》属于
奇舞周刊·2022-12-11 19:23

前端工程化之模块化开发

分享一下前端工程化中有关于模块化开发的相关知识【以Webpack5为主】。每天进步一点点。
gongyexj·2022-12-09 13:56

【前端面试题】- 前端工程化的

目录1、谈谈你对WebPack的认识。2、在使用WebPack时，你都做些什么？3、你用Gulp都实现了哪些功能？4、说说WabPack打包的流程。5、什么是WebPack？6、WebPack的核心原理是什么？7、WebPack中loader的作用是什么？8、说说你工作中几个常用的loader。9、plugins和loader有什么区别？10、说说HtmlWebpackPlugin插件的作用。11
拉格朗日(Lagrange)·2022-12-07 19:00

Vue「六」前端路由、vue-router

本文参考：>>黑马程序员Vue全套视频教程系列文章阅读>>Vue「一」——前端工程化、webpack的基本使用及常用配置>>Vue「二」——vue基本使用、vue指令、vue过滤器>>Vue「三」——vue
imByte·2022-12-07 07:47

前端常见面试题集合

前端工程化JavaScript常见面试题：Vite跟Webpack的区别？JavaScript常见面试题：npm跟pnpm有什么区别？
黑毛茎长·2022-12-06 15:39

【Vue】webpack的基本使用

作者主页:作者主页查看更多前端教学专栏分享：css重难点教学Node.js教学从头开始学习ajax学习文章目录webpack的学习目标前端工程化 小白眼中的前端开发vs实际的前端开发 什么是前端工程化 
坚毅的小解同志·2022-12-06 09:31

Babel 插件通关秘籍

作者介绍某一线大厂某架构组前端工程师，公众号[神光的编程秘籍]，维护公司的builder和ide，对编译原理、前端工程化有一定的研究。
SYBH.·2022-12-05 07:13

webpack使用详解

webpack是前端工程化的一个解决方案。主要功能：提供了前端模块化功能支持，模块混淆，代码压缩，处理浏览器JS兼容性，性能优化等强大功能。
ScottePerk·2022-12-04 03:43

你不知道的npm

npm前端工程化离不开npm（nodepackagemanager）或者Yarn这些管理工具。
·2022-11-30 16:35

收集一些资源，需要的可以以下方式联系

Kxk3ka-t7dnNaYu8Gbozig程序员的MySQL面试金典C/C++多线程编程精髓CNCFX阿里巴巴云原生技术公开课Java面试全解析：核心知识点与典型面试题Angular基础教程案例上手Spring全家桶透视前端工程化从
yuxuemu·2022-11-21 16:27

深入剖析nodejs中间件

但是它也存在自身的局限性.和那些传统老牌的编程语言相比,如JAVA,PHP.nodejs并不能成为它们的替代品,而且在可预估的未来,也很难撼动那些老牌编程语言的地位.目前nodejs主要有以下几个应用场景.前端工程化
·2022-11-16 23:23

前端如何高效的与后端协作开发

1.前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。
lentoo-·2022-11-12 21:18

如何利用Vue-cli 打造一个自己的通用UI组件库

文章目录前言一、搭建流程二、上传流程1.基本要求2.创建个人的npm账号3.创建项目4.组件创建4.发布三、安装使用前言这篇文章的主要内容主要的目的是向大家介绍前端工程化的第一步（构建一个自己的通用组件库
跟小猿学前端·2022-11-11 11:37

vue3的系统知识学习

文章目录目录1.webpack的学习目标2.什么是前端工程化3webpack的基本使用3.1什么是webpack3.2webpack的安装使用3.3webpack中的插件3.4webpack中的loader4
樂笒·2022-11-09 11:31

【Web前端】一文带你吃透CSS(中篇)

前端学习路线小总结：基础入门：HTMLCSSJavaScript三大主流框架：VUEREACTAngular深入学习：小程序NodejQueryTypeScript前端工程化继续学习CSS吧！
橙子!·2022-11-07 17:50

html项目cli脚手架,前端脚手架CLI生成模版命令工具（包括，npm包的发布，脚手架的搭建，注意事项，优化等）...

NodeJs的出现，让前端工程化的理念不断深刻，正在向正规军靠近。
rain john·2022-11-07 13:24

【前端工程化】webpack5从零搭建完整的react18+ts开发和打包环境

目录1.前言2.初始化项目3.配置基础版react+ts环境4.常用功能配置5.配置react模块热替换6.优化构建速度7.优化构建结果文件8.总结全文概览一.前言从2020年10月10日，webpack升级至5版本到现在已经快两年，webpack5版本优化了很多原有的功能比如tree-shaking优化，也新增了很多新特性，比如联邦模块，具体变动可以看这篇文章阔别两年，webpack5正式发布了
前端开发小司机·2022-11-06 21:08

用 Vite+Vue3+Ts 搭建通用后台管理系统

关注公众号回复1，加入高级Node交流群通用后台管理系统整体架构方案(Vue)项目创建，脚手架的选择(viteorvue-cli)vue-cli基于webpack封装，生态非常强大，可配置性也非常高，几乎能够满足前端工程化的所有要求
傲娇的koala·2022-11-03 15:20

前端学习路线

JavaScript:网页交互动作二、前端开发工具vscode三、三大主流框架1.Vue2.React3.Angular四、前端深入1.jQuery库2.小程序3.node4.TypeScript5.前端工程化
小熊aa·2022-11-01 14:29

前端学习路线（自用）

一、前端基础知识1、HTML52、css33、es6二、计算机与软件开发基础1、算法与数据结构、计算机网络、操作系统2、设计模式3、Git版本控制4、正则表达式三、前端工程化（一）目标：先学会VUE，配合脚手架
Zike0·2022-11-01 14:58

【Web前端】一文带你吃透HTML(完整篇)

前端学习路线小总结：基础入门：HTMLCSSJavaScript三大主流框架：VUEREACTAngular深入学习：小程序NodejQueryTypeScript前端工程化开始前端之旅吧!
橙子!·2022-10-31 12:17

【Web前端】一文带你吃透CSS(上篇)

前端学习路线小总结：基础入门：HTMLCSSJavaScript三大主流框架：VUEREACTAngular深入学习：小程序NodejQueryTypeScript前端工程化一起学习CSS吧!
橙子!·2022-10-31 12:47

大前端-阶段2-模块1-作业（ 前端工程化实战-模块）

简答题：1.谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。工程化主要解决了前端遇到的一些问题：传统语言或语法的弊端。无法使用模块化/组件化重复的机械工作.代码的风格统一，质量保证.依赖后端服务接口支持.整体依赖后端项目.工程化带来的价值：1.提高效率2.降低成本3.质量可以得到保证2你认为脚手架除了为我们创建项目结构，还有什么更深的意义？脚手架的本质
yanling.zhang·2022-10-26 15:33

Gulp的基本使用（前端工程化）

其中比较流行的有三款：Grunt是第一款自动化构建工具，对前端工程化的发展具有里程碑意义，其生态完善。但是，它的构建是基于临时文件的，所以构建速度较慢，现在用的人越来越少了。
qq_50317574·2022-10-26 15:56

【学习笔记】Part2·前端工程化实战--开发脚手架及封装自动化构建工作流（三、自动化构建 -- 主Gulp）

【学习笔记】Part2·前端工程化实战–开发脚手架及封装自动化构建工作流（一、工程化概述）【学习笔记】Part2·前端工程化实战–开发脚手架及封装自动化构建工作流（二、脚手架工具）【学习笔记】Part2
喜大普奔⁶⁶⁶·2022-10-26 15:22

前端工程化-01-Yeoman-Grunt

没有前端工程化遇到的问题使用ES6+新特性，但是有兼容问题使用Less/Sass/PostCss增强CSS的变成性，运行环境不能直接支持使用或快画的方式提高项目的可维护性，运行环境不能直接支持部署上线前需要手动压缩代码及资源文件部署过程中需要手动上传代码到服务器多人协作无法硬性统一大家的代码风格
Controllerszzy·2022-10-26 15:48

大前端【2-1笔记】开发脚手架及封装自动化构建工作流

前端工程化一、前端工程化1、定义前端工程化是指遵循一定的标准和规范通过工具提高效率的一种手段。
小球学前端·2022-10-26 15:17

给大家推荐一款前端工程化脚手架工具 - mini-core-cli

clicreate根据模板在指定目录下（./test）创建新项目#-d可以传入绝对路径或者相对于终端所在当前目录的相对路径，只能传入一个路径clicreatehello-world-d./testclipage[description]根据选择模板创建微信小程序页面骨架，支持mini-core模板和原生小程序模板#-d可以传入绝对路径或者相对于终端所在当前目录的相对路径，只能传入一个路径clipa
い 狂奔的蜗牛·2022-10-26 15:13

【前端工程化】我开源了个高效的图片压缩工具 - fast-imagemin-cli

Hello,我是Xc,一位因antfu结缘开源的前端菜鸟,今天和大家分享最近开源的一个高效的图片压缩工具fast-imagemin-cli。什么是图片压缩顾名思义就是压缩图片大小，有效的图片压缩会优化网页的加载，我们常见的图片压缩处理主要有以下2种：借助tinypng等图片压缩网站或者工具提前压缩好再放入项目中借助脚手架插件在编译时进行压缩输出为什么做这个工具源于实际的需求吧，部分类型项目存在较多
前端开发小司机·2022-10-26 14:58

大前端知识点概览

文章目录前端知识图谱工程必备技能一、html+css二、javascript+typescript三、前端基础四、前端框架五、前端工程化0.webpack与vite脚手架1.单元测试2.自动化测试3.自动化部署
vousmevoyez0613·2022-10-23 20:41

SegmentFault 技术周刊 Vol.29 - 聊聊前端工程化和我们用的利器

点击此处阅读原文：https://segmentfault.com/a/1190000010175303在前端刀耕火种的年代，布局用table标签，CSS样式大量内联；校验JS代码是否规范，需要复制代码到jshint（相信很多“前辈”对此都不陌生）；压缩合并代码，也是通过压缩工具压缩完再复制到一个文件里；修改了代码要查看效果，必须手动刷新浏览器；代码写好了要发布到服务器，需要用FTP软件上传，等等
SegmentFault_Offical·2022-10-23 20:11

超详细 WebPack 入门教程

前端工程化1.什么是前端工程化前端工程化指的是:在企业级的前端项目开发中，把前端开发所需要的工具，技术，流程，经验等进行规范化，标准化。
godlike-icy·2022-10-22 18:02
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他