E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
webpack雪碧图
前端解决跨域的几种方案
以下是前端解决跨域问题的7种主流方案,根据应用场景和实现难度排序,附详细实现示例:一、开发环境解决方案1.
Webpack
DevServer代理(推荐)//vue.config.js/
webpack
.config.jsmodule.exports
爱分享的程序员
·
2025-03-21 11:01
前端
前端
Webpack
中动态导入(Dynamic Import)的几种典型用法
这段代码展示了
Webpack
中动态导入(DynamicImport)的几种典型用法,并通过
Webpack
魔法注释(MagicComments)对打包行为进行精细控制。
混血哲谈
·
2025-03-21 10:00
webpack
前端
node.js
如何使用
webpack
预加载 CSS 中定义的资源和预加载 CSS 文件
在
Webpack
中预加载CSS文件及其内部定义的资源(如图片、字体等),可以通过资源预加载(Preloading)技术优化关键资源的加载优先级。
混血哲谈
·
2025-03-21 10:00
webpack
css
前端
webpack
的SplitChunksPlugin和在路由或组件级别进行拆分
请问下面内容中提到的SplitChunksPlugin和“在路由或组件级别进行拆分是一种更简单的方法,可用于延迟加载应用的不同部分”在前端项目中如何应用?“”“在大型应用中,延迟加载第三方依赖项并不是常见的模式。通常,第三方依赖项会拆分为单独的供应商软件包,因为它们的更新频率较低,因此可以缓存。您可以详细了解SplitChunksPlugin如何帮助您实现这一点。使用客户端框架时,在路由或组件级别
混血哲谈
·
2025-03-21 10:00
webpack
前端
node.js
【typescript进阶篇】(第四章)
webpack
编译ts及第三方库声明文件
使用
webpack
打包TS文件安装依赖安装
webpack
环境npmi
webpack
webpack
-cli
webpack
-dev-server-D安装TypeScriptnpminstalltypescript-D
蒜香拿铁
·
2025-03-21 10:58
typescript系列
typescript
webpack
javascript
Webpack
4从入门到精通以及和
webpack
5对比_
webpack
现在用的是哪个版本
'css-loader',//less-loader:将less文件编译成css文件,需要下载less-loader和less'less-loader'],},{test:/\.css$/,//使用多个loader用use,使用一个loader用loaderuse:['style-loader','css-loader'],},{//url-loader:处理图片资源,问题:默认处理不了html中
2501_90253044
·
2025-03-21 10:51
webpack
前端
node.js
webpack
提升打包构建速度02--
webpack
优化
提升打包构建速度HotModuleReplacement为什么开发时我们修改了其中一个模块代码,
Webpack
默认会将所有模块全部重新打包编译,速度很慢。
_xiyang
·
2025-03-21 07:05
webpack
webpack
前端
node.js
javascript
Webpack
常见面试题总结
一、谈谈你对
Webpack
的理解1.1背景
Webpack
的目标是实现前端项目的模块化,从而更高效地管理和维护项目中的每一个资源。
xiangzhihong8
·
2025-03-20 17:39
React
Native
前端
webpack
前端
javascript
最完整的
webpack
Dll打包与采坑总结
webpack
已经成为前端主流的项目打包工具,对于前端开发必不可少。
仰望星空的代码
·
2025-03-20 17:38
Vue.js踩坑记
vue.js
webpack
dll打包
打包优化
前端开发:
Webpack
的使用总结
前言在前端开发过程中,尤其是现在前端框架的频繁使用的当下,作为前端开发者想必对于
Webpack
并不陌生,尤其是在使用Vue框架做前端开发的时候,打包时候必用
Webpack
。
三掌柜666
·
2025-03-20 17:33
web前端知识汇总
webpack
前端
javascript
微前端 qiankun vite vue3
文章目录简介主应用qiankun-mainvue3vite子应用qiankun-app-vue2
webpack
5子应用qiankun-react
webpack
5子应用quankun-vue3vite遇到的问题简介主要介绍以
可缺不可滥
·
2025-03-20 11:16
前端项目框架
前端
使用CRACO自定义
Webpack
配置
默认情况下,CRA的
Webpack
配置是隐藏的,如果你需要修改
Webpack
,比如:✅CDN配置✅配置alias(路径别名)✅修改Less/Sass变量✅添加Babel插件✅优化
Webpack
构建(如SplitChunks
黄毛火烧雪下
·
2025-03-20 07:42
React
webpack
前端
node.js
webpack
初识(js逆向)
webpack
调试很多时候再看
webpack
的代码块的时候都一头雾水,不知道这个函数的具体逻辑在哪里,因为打包之后一些函数块是通过数字或者字符串进行调用的就像这样这里每个括号包括着的字符串都相当于一个函数
shix .
·
2025-03-20 06:04
js逆向知识点
webpack
javascript
前端
create-react-app创建的项目中设置
webpack
配置
create-react-app创建的项目默认使用的是react-scripts(存在于node_modules文件夹中)来处理开发服务器和构建,它内置了一些
webpack
相关配置。
沃野_juededa
·
2025-03-19 19:36
react.js
webpack
前端
详细讲一下
webpack
中五个优化能力十分强大的插件(1-5)
安装:npminstallterser-
webpack
-plugin--save-dev配置constTerserPlugin=require('terser-
webpack
-plugin');module.exports
asecretman!
·
2025-03-18 20:26
webpack
前端
node.js
《前端监控与性能优化全景指南:构建企业级高性能应用》
文章目录前言技术栈覆盖范围一、监控体系架构设计1.1全链路监控系统组成1.2核心监控指标清单二、性能数据采集实战2.1增强版性能采集器2.2用户行为轨迹录制三、深度性能优化策略3.1构建阶段优化(
Webpack
5
前端极客探险家
·
2025-03-18 16:31
前端
性能优化
sentry
prometheus
grafana
Node.js和
webpack
入门-个人学习笔记
Node.js-入门Node.js基础概念Node.js是一个跨平台JavaScript运行环境,是开发者可以搭建服务器端的JavaStript应用程序。作用1.编写服务端程序2.编写数据接口,提供网页浏览资源等等3.实现“前端工程化”,为Vue和React等框架做铺垫前端工程化-概念开发项目直到上线,过程中集成的所有工具和技术。(Node.js是前端工程化的基础(因为Node.js可以主动读取前
ksmswq
·
2025-03-18 08:16
node.js
webpack
学习
前端初学者,有哪些适合的学习网站?
其前端教程体系涵盖了前端开发的大量入门知识,包括HTML、CSS、JavaScript等基础技术,以及当前主流的前端框架和工具的使用方法,如Vue.js、React、
Webpack
等。
四六的六
·
2025-03-17 15:32
前端
学习
个人开发
webpack
-bundle-analyzer 包分析工具的使用
webpack
-bundle-analyzer它将创建所有捆绑包内容的交互式树状图可视化。
不想吃菠萝
·
2025-03-16 21:17
vue
vue优化
webpack
前端
vue
webpack
-bundle-analyzer分析打包文件
安装:npminstall--save-dev
webpack
-bundle-analyzer在vue.config.js中配置:constBundleAnalyzerPlugin=require('
webpack
-bundle-analyzer
闰土月下追猹
·
2025-03-16 21:45
前端
webpack-bundle
bundle-analyzer
webpack
vue.js
前端
Webpack
前端性能优化全攻略
文章目录1.性能优化全景图1.1优化维度概览1.2优化效果指标2.构建速度优化2.1缓存策略2.2并行处理2.3减少构建范围3.输出质量优化3.1代码分割3.2TreeShaking3.3压缩优化4.运行时性能优化4.1懒加载4.2预加载4.3资源优化5.高级优化策略5.1持久化缓存5.2模块联邦5.3性能分析6.优化效果验证6.1构建速度分析6.2性能监控7.最佳实践总结7.1优化策略7.2持续
北辰alk
·
2025-03-16 21:15
前端
vue
前端
webpack
性能优化
使用vite脚手架搭建react项目
首选使用npm安装reactvitenpminstall-gcreatevite替换npminstall-gcreate-react-app新的脚手架据说很快,是原来的
webpack
的700倍。。。
JiaLin_Denny
·
2025-03-16 20:14
react.js
前端
vite
react
vitev
脚手架
nodejs 010:
Webpack
可视化分析插件
webpack
-bundle-analyzer的使用
安装yarnadd--dev
webpack
-bundle-analyzer原始
webpack
.config.js
webpack
.config.js代码定义了
Webpack
的配置,主要任务是将JavaScript
FakeOccupational
·
2025-03-16 20:43
服务化&架构
webpack
前端
node.js
webpack
打包可视化分析之--
webpack
-bundle-analyzer
在开发一些项目的时候,有时候有些旧的框架项目用的
webpack
e打包慢,打包出来的包文件大,然而我们想要对它进行优化分析,有些旧的项目可能在不断迭代的过程中,有些模块功能改造或者有些需求变化,有些新需求模块开发测试完后
诗棋吖
·
2025-03-16 20:42
webpack
前端
node.js
javascript
npm
yarn
angular
使用pdfjs加载多页pdf并实现打印
worker-loadernpminstallpdfjs-dist@
[email protected]
在vue.config.js中配置//
webpack
MandiGao
·
2025-03-16 16:13
vue
文件处理
pdf
vue
Webpack
vs Rollup vs Parcel:构建工具深度对比
文章目录1.核心特性对比1.1功能定位1.2技术架构对比2.配置与使用2.1
Webpack
配置示例2.2Rollup配置示例2.3Parcel使用示例3.性能对比3.1构建速度3.2输出质量4.生态系统
北辰alk
·
2025-03-16 16:42
前端
webpack
devops
前端
vue项目提示 WebSocketClient.js:49 WebSocket connection to ‘ws://xxxx/ws‘ failed: Invalid frame header
项目信息vue-cli创建的vue3+
webpack
5项目;问题现状配置proxy代理后,控制台报错,不影响使用,但是不美观,并且不利于在控制台调试代码;原因定位代理问题,新配置的接口代理,影响到了项目内置的本地服务代理配置
Beamon__
·
2025-03-16 13:20
vue
vue.js
前端
第四章:高级特性与最佳实践 - 第四节 - Tailwind CSS CSS 提取和打包优化
CSS提取策略MiniCssExtractPlugin配置//
webpack
.config.jsconstMiniCssExtractPlugin=require('mini-css-extract-plugin
·
2025-03-16 12:27
数字马力ai面试题
**构建工具(BuildTools)**-**
Webpack
**:是一个非常流行的模块打包器,可以处理各种类型的文件,并且支持插件扩展。-**Rollup**:另一个
泠波
·
2025-03-15 21:29
前端
webpack
5(Module Federation)+vue3.0实现微前端
项目源码地址:https://github.com/wuxiaohuaer/
webpack
5-vue-admin一、什么是微前端微前端是一个比较宏观的概念,他的核心就是独立,开发独立、部署独立,比较适合大的团队来进行重量级项目开发
weixin_42140041
·
2025-03-15 21:57
前端奇淫技巧
前端
javascript
vue.js
前端面试题---vue项目打包时, 内存不足了怎么办 为什么会出现这样的情况
Vue项目打包时如果出现内存不足(OOM,OutofMemory)简称就是OOM,通常是因为项目代码量较大、依赖过多、打包时
Webpack
需要处理的文件过多,导致Node.js运行时超出了默认的内存限制
*星之卡比*
·
2025-03-15 15:16
前端
vue.js
javascript
我与DeepSeek读《大型网站技术架构》(4)
核心策略:减少HTTP请求:合并CSS/JS文件、使用CSSSprites(
雪碧图
)。压缩资源:Gzip压缩文本文件(HTML/CSS/JS)、图片优化(WebP格式)。CDN加速:静态资源
诺亚凹凸曼
·
2025-03-15 15:35
架构
2024前端
Webpack
面试题
1、谈谈你对
Webpack
的理解
Webpack
是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。
司宁
·
2025-03-15 14:02
前端面试题
前端
webpack
Stack Navigator中使用自定义的Render Callback
看起来哪个都比
webpack
+Vue2香呀。(尤大都向React推荐Vite了,难道你还不试一下Vite么?)
AI画手小王
·
2025-03-14 06:32
前端
javascript
webpack
webpack
和vite的区别
Webpack
:需要分析所有模块的依赖关系并进行全量打包,导致启动和热更新速度较慢,尤其是在项目规模较大时。2.打
阿丽塔~
·
2025-03-14 06:32
前端
面试
vite
webpack
前端打包优化相关
Webpack
前端打包优化相关
Webpack
打包时间的优化(基于VueCLI4+
Webpack
5)1.
Webpack
配置减少打包时间1.1对JS配置:排除node_modules和src中的打包内容在开发环境下,修改
怒放的生命1991
·
2025-03-14 06:31
webpack
前端
webpack
node.js
【实战-解决方案】
Webpack
打包后很多js方法报错:not defined
问题分析在不打包的情况下,方法(如checkLoginStatus、filterSites、initProgressBar等)可以正常运行,而经过
Webpack
打包后报isnotdefined错误,通常有以下几个可能的原因
oliver.chau
·
2025-03-14 05:27
前端开发
webpack
前端
node.js
webpack
打包指定文件到指定位置
在不做设置的情况下,
webpack
会默认处理src文件夹下面的index.html文件,处理完成后会自动默认新建一个dist目录,并将生成的默认文件main.js存入里面,但当我们改变html文件名字后
Zԅ(¯ㅂ¯ԅ)
·
2025-03-13 23:21
webpack
前端
javascript
Webpack
优化深度解析:从构建性能到输出优化的全面指南
Webpack
是一个强大的模块打包工具,广泛应用于现代前端开发中。随着项目规模的增大,
Webpack
的构建速度和输出文件的优化变得尤为重要。
冬冬小圆帽
·
2025-03-13 11:55
webpack
前端
node.js
从零到一:如何系统化封装并发布 React 组件库到 npm
npminstall--save-dev
webpack
webpack
-clibabel-loader@babel/core@babel/
冬冬小圆帽
·
2025-03-13 11:48
react.js
npm
rust
前端-
webpack
一些常用配置的作用
它可以将非JavaScript文件(如CSS、图片、字体等)转换为
webpack
能够处理的模块。
大嘴史努比
·
2025-03-13 10:41
前端
webpack
node.js
Webpack
Loader 与 Plugin 实现原理深度解析
一、
Webpack
扩展机制的核心设计1.1模块化构建流程概览
Webpack
的构建流程本质上是模块转换流水线,其核心处理流程如下:入口文件解析模块应用Loader生成AST收集依赖封装Chunk应用Plugin
斯~内克
·
2025-03-13 06:40
Webpack
webpack
前端
node.js
Vite 不支持 require 解决方案(三种情况/require is not defined)
所以,我们要理清如下两个方法:方法require()Node.JS原生方法,以CommonJS方式加载模块/文件/图片;
Webpack
默认支持,Vite不支持;方法require.context()
Webpack
Harriet嘉
·
2025-03-13 05:34
javascript
vue
vite
前端
webpack
高薪企业必备面试真题16道 ---带答案(9)(20220415)
目录1、什么是
webpack
(必会)2、
webpack
的优点是什么?(必会)3、
webpack
的构建流程是什么?
一染星辰
·
2025-03-13 03:47
企业真实面试题
前端
webpack
Webpack
打包详细教程
Webpack
是一个现代JavaScript应用的静态模块打包工具,它可以处理JavaScript、CSS、图片等资源,并优化它们以提高性能。以下是
Webpack
从基础到进阶的详细教程。
oliver.chau
·
2025-03-11 20:27
前端开发
webpack
前端
node.js
Webpack
打包构建流程
webpack
的打包构建流程为什么需要打包?在前端有非常多的资源,如css、js、vue、vue、图片、字体等。
码上跑步
·
2025-03-11 13:08
webpack
前端
node.js
webpack
webpack
介绍
webpack
是一个构建工具,实现了模块化管理项目.他的工作方式是用各种loader将各种资源转化为js文件或者对js文件进行压缩编译亦或对静态资源进行处理.官网:
webpack
由来模块化存在一些问题
码上跑步
·
2025-03-11 13:38
webpack
前端
node.js
面试题之
webpack
file-loader和url-loader
在面试中,关于
Webpack
中file-loader和url-loader的区别是一个常见的问题。
阿丽塔~
·
2025-03-11 10:39
webpack
前端
node.js
面试
如何使用
Webpack
打包React项目?
文章目录1.引言2.环境搭建2.1初始化项目2.2安装依赖3.配置
Webpack
3.1关键配置说明4.Babel配置5.项目结构示例6.开发和生产环境优化6.1开发环境6.2生产环境7.调试和常见问题7.1
几何心凉
·
2025-03-11 04:17
前端小常识
webpack
react.js
前端
nuxt2 打包优化使用“compression-
webpack
-plugin”插件
compression-
webpack
-plugin是一个常用的
Webpack
插件,用于在生产环境中对文件进行Gzip压缩。这对于减少网络传输时间和提高页面加载速度非常有帮助。
webYin
·
2025-03-11 03:45
nuxt
webpack
前端
node.js
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他