Webpack工程化的相关内容

文章 2023-08-04 来自：开发者社区

前端工程化与webpack（一）

实际开发中不需要自己配置webpack，有CLI一键生成带有webpack的项目前端工程化与webpack1前端工程化在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终就是实现前端的模块化、组件化、规范化、自动化。1.模块化js的模块化、css的模块化、其他资源的模块化2.组件化复用现有的UI结构、样式、行为3.规范化目录结构的划分、编码规范化、接口规范化....

文章 2023-07-04 来自：开发者社区

前端工程化===Webpack？No，我来告诉你什么是前端工程化！

前端工程化概述前端工程化定义和主要解决的问题由于现在开发中，前端可以负责的范围越来越大，早已不是仅限制于网页。像 App、小程序、甚至桌面应用，都可以使用前端技术来开发。所以原来通过前端写 Demo，后端套数据的模式早就无法支持现代多元化前端开发。前端工程化就是在这个背景下成为了受人重视的技术，并且是目前前端开发必备的技术之一。技术是为了解决问题而存在的，前端工程化解决了很多问题。比如 ES6 ....

文章 2023-06-24 来自：开发者社区

前端工程化打包工具之Webpack

其中，Webpack的Plugin是一个非常重要的概念。下面是一个简单的示例，演示如何在Vue.js中注册一个名为HelloWorld的组件，并使用Webpack进行组件开发，并实现Plugin。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading-s....

文章 2023-04-20 来自：开发者社区

前端工程化之Webpack优化

打不垮我的，将使我更加坚强 --尼采大家好，我是柒八九。好久没更文了，其实这段时间，一直没闲着。在准备一些比较重要的东西。忙着跑步，忙着学习，忙着xx。总之就是，一直在忙着，从未停歇。虽然，这段时间，没有文章的发布，其实，在私底下，已经有不下10篇的文章已经起手了。等再润色一下，就会和大家见面。这是，我之前学习总结，后期会逐步给大家免费分享。敬请期待。好了，闲话少叙。今天，我们来谈谈关于-- ....

文章 2023-04-20 来自：开发者社区

工程化之webpack打包过程

人之所以不快乐，主要是缘于过去和未来：为过去耿耿于怀，为未来惴惴不安大家好，我是柒八九。在前期，我们开了一个关于前端工程化的系列文章。已经从概念介绍何为脚手架SourceMap 的常规概念在Webpack 中针对SourceMap的配置构建工具构建解决的问题包管理工具模块化常见方式等角度进行了一些常规概念的介绍和梳理。而今天，我们选择了一个在前端范围内，占很大比重的构建工具--Webpack。近....

文章 2023-01-16 来自：开发者社区

前端工程化之webpack核心功能

前言在前端工程化对世界中，掌握webpack配置基本是我们每个前端工程师需要掌握的，在vue/react/angular发展初期，他们但脚手架还不够完善，许多但配置都需要开发者自己来，但随着脚手架工具但完善，项目但整体架构已无需开发人员考虑太多，所以现在许多新入行的前端开发者会觉得前端开发毫无难度，这种也没错，如果你仅仅满足于完成业务功能开发，那我自无话可说。但作为一个有追求的前端，肯定不能仅仅....

文章 2023-01-16 来自：开发者社区

前端工程化之推开webpack世界的大门

前言在前端开发领域独立负责项目已有不少，从刚开始的angular1.x到vuejs再到react，前端常用的三大框架都有接触。用过的人都知道这三个框架的使用都离不开webpack，从本地开发到线上部署，webpack给我们带来了很大的方便，所以说精通webpack是现如今前端的必备技能之一，本章总结下自己对webpack知识体系的认知。wepback基本知识先来张思维导图，内容不太全后续会继续更....

文章 2023-01-12 来自：开发者社区

【前端工程化】我写了万字，带你快速上手webpack

Hi~，我是一碗周，一个在舒适区垂死挣扎的前端，如果写的文章有幸可以得到你的青睐，万分有幸~写在前面webpack是一个现代的打包模块化的JavaScript工具，在webpack中一切文件皆模块，在内部通过Loader转换文件，通过Plugin注入钩子，最后输出由多个模块组合成的文件。上图是webpack官网的截图，可以看出，对于webpack来说，JavaScript、CSS、SCSS、图片....

文章 2022-11-29 来自：开发者社区

前端工程化与 webpack

前端工程化与 webpack1.我们先了解一下在实际的前端开发中需要做到的几点：⚫ 模块化（js 的模块化、css 的模块化、资源的模块化）⚫ 组件化（复用现有的 UI 结构、样式、行为）⚫ 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理）⚫ 自动化（自动化构建、自动部署、自动化测试）2. 什么是前端工程化（1）前端工程化指的是：在企业级的前端项目开发中，把前端开....

文章 2022-05-07 来自：开发者社区

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

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