webpack工程化

一文大白话讲清楚webpack进阶——8——Module Federation

文章目录一文大白话讲清楚webpack进阶——8——ModuleFederation1.啥是ModuleFederation2.这里讲两个基础概念3.容器应用配置4.远程应用配置5.模块使用5.ModuleFederation
16年上任的CTO·2025-01-31 01:50

二、React进阶

一、代码分割为什么要使用代码分割：在用webpack进行打包的时候，每个模块被导入合并在一个文件，这个文件叫做bundle，这些bundle在一张页面上包括了整个APP。
谁诉离殇~·2025-01-30 13:29

React 19 深度剖析：从架构升级到性能优化

React19深度剖析：从架构升级到性能优化目录React19架构升级新特性深度解析性能优化最佳实践高级功能应用工程化实践迁移策略实战案例常见问题解决1.React19架构升级1.1新一代并发渲染引擎React19
九情丶·2025-01-30 12:57

React使用less语法

1.安装yarnaddlessless-loaderornpmilessless-loader2.打开webpack配置文件创建项目的时候我们是看不到webpack文件的需要暴露出来yarnejectornpmruneject3
世间万物皆对象·2025-01-30 12:26

webpack-bundle-analyzer 打包分析工具

移动端项目优化的时候，需要这个插件来可视化查看打包大小，在此记录下插件官网地址一.安装npminstall--save-devwebpack-bundle-analyzer二.使用方式：1.作为插件使用
cc蒲公英·2025-01-30 02:39

webpack 打包自己的--windows

第一步安装node1、安装nodejs:https://nodejs.org/zh-cn/download/releases/一、Window系统配置：打开命令窗口,进入当前工程目录npm配置淘宝镜像:npmconfigsetregistryhttp://registry.npm.taobao.org/npm安装parcel-bundler:npminstall-gparcel-bundler运行
未来之窗软件服务·2025-01-30 02:07

一文大白话讲清楚webpack进阶——5——dev-server原理及其作用

文章目录一文大白话讲清楚webpack进阶——5——dev-server原理及其作用1.webpack的作用2.dev-server的作用3.dev-server的原理3.1啥是webpack-dev-middleware3.2HMR
16年上任的CTO·2025-01-29 12:34

前端 | es6模块化、promise回调、webpack打包发布

25.ES6模块化规范25.1定义每个js文件都是独立的模块通过import关键字来向内导入其他模块成员通过export关键字来对外共享模块成员25.2Node.js体验ES6模块化版本为14.15.1及以上（空文件夹终端“type”:“module”,—>生成package.json文件）在package.json的根节点中添加“type”:“module”节点（不写默认是commonJS）配置
weixin_47249930·2025-01-29 11:26

【自己动手开发Webpack插件：开启前端构建工具的个性化定制之旅】

在前端开发的世界里，Webpack无疑是构建工具中的“明星”。它强大的功能可以帮助我们高效地打包和管理前端资源。
Orange301511·2025-01-28 19:06

一文大白话讲清楚webpack进阶——1——SourceMap

文章目录一文大白话讲清楚webpack进阶——1——SourceMap1.啥是SourceMap2.SourceMap的结构3.SourceMap触发时机4.SourceMap怎么配置4.1devtool
16年上任的CTO·2025-01-28 06:04

一文大白话讲清楚webpack进阶——3——Loader的执行顺序(pre,normal,inline,post)

文章目录一文大白话讲清楚webpack进阶——3——Loader的执行顺序(pre,normal,inline,post)1.loader的分类和执行顺序1.1pre1.2normal1.3inline1.4post1.5
16年上任的CTO·2025-01-28 06:34

工程化概述

工程化的定义和主要解决的问题前端工程化指遵循一定的规范，通过工具提升效率，降低成本的一种手段。
WJP丶·2025-01-28 06:03

前端工程化都有哪些及优化方案

一、前端工程化的主要组成部分1.模块化模块化是将复杂的程序分解为若干小的独立模块，每个模块负责一个功能。
光影少年·2025-01-28 05:01

一文大白话讲清楚webpack基本使用——18——HappyPack

文章目录一文大白话讲清楚webpack基本使用——18——HappyPack1.建议按文章顺序从头看，一看到底，豁然开朗2.啥是HappyPack3.怎么使用HappyPack一文大白话讲清楚webpack
16年上任的CTO·2025-01-28 05:57

React 前端开发解析：从核心概念到最佳实践

本文将深入探讨React的核心设计思想、性能优化策略以及工程化实践，并通过代码示例演示如何在实际项目中应用这些技术。一、React核心设计思想1.1组件化开发模式React将UI分解为独立可复
神探阿航·2025-01-27 02:51

vite webpack原理和区别

Vite和Webpack的工作原理有显著的不同，以下是对它们各自原理的简要说明：Vite原理原生ES模块：Vite利用浏览器对原生ES模块（ESM）的支持，实现按需加载和编译。
阿芯爱编程·2025-01-27 02:20

webpack 学习从零到亿过程

webpack学习从零到亿过程适合小白从零到一搭建一个项目，虽然没有效果的截图但是知道跟随这个步骤流程走下去，你就会成功掌握打包的原理！
光头程序员·2025-01-26 17:48

前端构建工具

以下是常见的前端构建工具及其作用：1.模块打包工具Webpack特点：功能强大，插件与配置灵活。作用：将模块（JS、CSS、图片等）打包成浏览器可运行的文件。适用场景：中大型项目，需高度自定义。
光影少年·2025-01-26 02:41

vite webpack原理和区别

Vite和Webpack的工作原理有显著的不同，以下是对它们各自原理的简要说明：Vite原理原生ES模块：Vite利用浏览器对原生ES模块（ESM）的支持，实现按需加载和编译。
·2025-01-25 05:56

《Go底层原理与工程化实践》发布啦！

为什么要深入学习Go语言  Go语言是目前的主流语言之一，具有入门快、高性能、开发效率高等特点，目前越来越多的互联网企业都在使用Go语言。另外，原生体系中的Kubernetes、Docker等开源项目就是基于Go语言开发的，想要深入研究云原生技术，就必须精通Go语言。最后，只有对Go语言底层有一定了解，才能开发出高性能、高可用的Go服务，并在解决线上问题、性能调优时游刃有余。本书特色掌握Go高并发
·2025-01-24 20:44

2024Web前端人事面试题总结精选_前端面试项目相关提问

平常都是用webpack来构建项目等等。2、你觉得你个性上最大的优点是什么？回答提示：沉着冷静、条理清楚、立场坚定、顽强向上、乐于助人和关心他人、适应能力和幽默感、乐观和友爱。3、说你最大的缺点？
2401_86638424·2025-01-23 02:33

一文大白话讲清楚webpack基本使用——8——开发环境和生产环境的配置和区别

一文大白话讲清楚webpack基本使用——8——开发环境和生产环境的配置和区别1.建议按文章顺序从头看，一看到底，豁然开朗第一篇：一文大白话讲清楚啥是个webpack第二篇：一文大白话讲清楚webpack
16年上任的CTO·2025-01-22 22:03

npm和webpack学习

npmnpmnpminstallxxxnpminstallxxx--savenpminstallxxx--save-dev安装在node_modules不在package.json安装在node_modules，在package.json的dependencies，生产环境打包时，会出现在依赖包里。安装在node_modules，在package.json的devDependencies，生产环境
fechild·2025-01-22 21:25

Webpack、Vite区别知多少？

前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？
brrdg_sefg·2025-01-22 21:25

分享一个基于webpack5 + react + antd的空后台,优化的不错,拿来即用

chenlong-io.github.io/react-admin/index.html项目地址：https://github.com/chenlong-io/react-admin欢迎Star和提供更好的建议概述该管理后台基于webpack5
·2025-01-22 11:12

vue项目报错取消页面红色遮罩（Uncaught runtime errors）

./",transpileDependencies:[],chainWebpack:(config)=>{co
菜鸟许良个人笔记·2025-01-22 03:01

Vue：现代前端开发的首选框架-【应用篇】

本文将深入探讨Vue.js的核心优势，与React和Angular的比较，前端工程化的最佳实践，性能优化的关键策略，测试驱动开发（TDD）的实施方法，以及Vue.js生态系统的强大工具和资源。
行动π技术博客·2025-01-21 21:42

JS工程化集锦

项目工具模块化JS模块规范CommonJS·AMD·CMD·UMD·ES6NPM版本NPM版本介绍打包构建polyfill工程化篇-JS兼容方案项目管理LintCodeReview效率工具ESLint方案官方
·2025-01-21 16:58

包文件分析器 Webpack Bundle Analyzer

webpack-bundle-analyzer是一个非常有用的工具，用于可视化和分析Webpack打包生成的文件。这使得开发者能够更好地理解应用的依赖关系、包的大小，以及优化打包的机会。
Jayden_念旧·2025-01-21 12:54

构建功能-vite、rollup

一、vite基础1.简介vite是一个构建工具，相较于webpack，vite采用了不同的运行方式：开发阶段：在开发阶段，Vite的工作流程如下：依赖预构建：Vite会先将项目中的第三方依赖（如node_modules
小天呐·2025-01-19 17:59

前端工程化之vite

vite常用的插件有哪些?@vitejs/plugin-vue：用于支持Vue.js单文件组件（.vue文件）@vitejs/plugin-react：用于支持React和JSX语法rollup-plugin-visualizer:用于打包分析vite-plugin-restart:文件修改时自动重启vitevite-plugin-components:组件按需自动导入vite-plugin-sv
看到请催我学习·2025-01-18 23:51

vue3 + ts + vite 工程化开发Tampermonkey【油猴、篡改猴】脚本

项目概述vue3+ts+vite工程化开发Tampermonkey【油猴、篡改猴】脚本。编译后生成Tampermonkey脚本，导入到Tampermonkey插件中直接使用。
雷特130·2025-01-18 23:20

深入探究 Vue 3 中动态组件加载与性能优化

随着前端工程化的深入发展，Vue.js已成为最受欢迎的前端框架之一，其灵活性和生态系统丰富性让开发者爱不释手。然而，当我们开发中大型项目时，性能优化往往成为不得不面对的问题。
桂月二二·2025-01-17 12:27

基于 React 和 Vite 的前端项目自动化测试方案

背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。
·2025-01-17 10:27

Vite VS Webpack，谁才是最强构建工具

ViteVSWebpack，谁才是最强构建工具前言大家好，我是倔强青铜三。
·2025-01-16 23:45

vue学习总结

1.v-if2.v-show3.动态组件4.组建根节点三、vue创建项目有两种方法：1.vueinitwebpack项目名称2.vuecreate项
·2025-01-16 22:29

webpack多页面打包的一次尝试

初始化cd项目名webpackinit创建第二页面与其头文件touchpage2.htmltouchsrc/page2.js修改page2.jsconsole.log("success")修改webpack.config.js
·2025-01-16 17:38

2024前端面试经验分享

2、前端开发常见突出亮点：性能优化代码优化组件封装框架原理项目推进、协调能力技术难点的解决能力技术方案设计能力前端工程化的推进3、管理相关亮点如何制定代码规范，以及review如何提升团队人员的水平如何制定流程为团队提效
·2025-01-16 15:42

手撸Webpack自定义Loader

前言我们知道webpack只能处理JavaScript和Json文件，面对CSS、图片等资源是无能为力的，它需要通过loader将这些资源转换为可处理的模块。
·2025-01-16 15:33

unplugin-dist-zip-pack：前端构建产物打包神器，开发者的得力助手

一、强大的功能特性unplugin-dist-zip-pack能够将构建产物完美打包，并且支持众多主流的构建工具，包括Webpack、Vue-CLI、Vite、Rollup、esbuild、Astro、
·2025-01-16 15:22

webpack图片等资源的处理

需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
dmengmeng·2024-09-16 09:52

详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因

但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
hw_happy·2024-09-16 02:30

react里的index.js是怎么跟index.html结合起来的?

image.pngcreate-react-app把webpack、babel等配置都封装到了依赖项目react-script中，所以你无法直观的看到这些配置。
SherrinfordL·2024-09-15 06:10

深入理解Webpack核心模块Tapable钩子[异步版]

接上一篇文章深入理解Webpack核心模块WTApable钩子(同步版)tapable中三个注册方法1tap(同步)2tapAsync(cb)3tapPromise(注册的是Promise)tapable
weixin_34413802·2024-09-14 20:40

webpack 之 tapable 学习

前言webpack大家应该都耳熟能详了。
weixin_34008784·2024-09-14 20:40

webapck由浅入深——（Tapable）

webpack系列文章webpack由浅入深——（webpack基础配置）webpack由浅入深——（webpack优化配置）webpack由浅入深——（tapable）webpack由浅入深——（webapck
weixin_33737134·2024-09-14 20:10

webpack插件开发必会Tapable

认识Tapable官方对tapable的定义是钩子，业界很多写tapable的觉得它是发布订阅模式，它确实很像发布订阅模式，但是不完全是，至于官方说的钩子，个人感觉在webpack内部可以称作钩子，因为是官方定义的
web老猴子·2024-09-14 20:39

webpack的插件机制(Tapable)

webpack的插件机制(Tapable)在具体介绍webpack内置插件与钩子可视化工具之前，我们先来了解一下webpack中的插件机制。
若梦plus·2024-09-14 20:07

四、webpack4.0 - tapable

一、tapable介绍webpack中插件的时候，需要用到tapable。新建一个项目WEBPACK-Tapable。
Razas·2024-09-14 20:06

tapable详解

tapable详解tapable是webpack内部使用的一个流程管理工具，主要用来串联插件，完善事件流执行。
风火一回·2024-09-14 19:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他