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
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
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
vue scoped 原理解析
Vuescoped,原理,涉及到vue-loader的处理策略:一、首先呢,是VueLoaderPlugin策略:VueLoaderPlugin先获取了
webpack
原来的rules(即compiler.option.module.rule
短暂又灿烂的
·
2025-03-11 02:04
前端
vue
vue.js
javascript
前端
VUE3学习 第九章
webpack
构建Vue3项目、vue3性能优化、Vue3 Web Components、Vue3 响应式原理
一、
webpack
构建Vue3项目(纯手写不用cli)为什么要手写
webpack
不用cli(脑子有病)并不是其实是为了加深我们对
webpack
的了解方便以后灵活运用
webpack
的技术1.初始化项目结构
Hyman-ya
·
2025-03-11 01:00
vue3+ts+vite
学习
从零开始封装React UI 组件库并发布到NPM
这篇文章您将学会1.如何从零开始搭建属于自己的reactui组件库,并发布到npm开源.2.如何从零配置
webpack
打包项目,例如jsx,less等打包处理.3.发布到npm有哪些注意事项?
winyh5
·
2025-03-10 05:05
前端框架
react.js
前端
webpack
-dev-server,proxy代理
如果使用了
webpack
-dev-server,大概率是要配置代理的devServer:{open:true,proxy:{//配置跨域'/api':{target:'https://aip.baidubce.com
码农罢了
·
2025-03-10 05:03
webpack
前端
node.js
webpack
-dev-server解决跨域
目前解决跨域常用的方法是采用
webpack
-dev-server结合proxy接口代理或者使用Nginx均可配置跨域的代理。
大猫会长
·
2025-03-10 05:32
webpack
webpack
前端
node.js
vue3+vite插件开发
api.xxx去调用接口,但是vue2源码使用的是flow来实现,并且搭配typeScript不太友好(由于装饰器语法过于复杂,这里不讨论vue2+装饰器来使用typeScript),故vue2项目没有开发
webpack
糖糖老师436
·
2025-03-09 05:50
前端
程序员
javascript
react.js
前端
js逆向——
webpack
扣法
01
webpack
讲解
webpack
是个静态模块打包工具,目的是为了让前端工程师写的前端代码变成浏览器可以识别的代码,并且可以达到前端项目的模块化,也就是如何更高效地管理和维护项目中的每一个资源。
sin_0119
·
2025-03-08 13:45
javascript
webpack
前端
爬虫
Webpack
缓存优化策略探讨
在前端开发中,
Webpack
是一个广泛使用的模块打包工具,它可以将多个前端资源(如JavaScript、CSS、图片等)打包成静态资源,以提高应用的加载速度和性能。
创梦引领
·
2025-03-08 08:19
webpack
缓存
前端
JavaScript
Vue打包后生成的文件及编程细节
1.打包工具:
Webpack
在Vue项目中,常用的打包工具是
Webpack
。
Webpack
提供了强大的模块打包能力,能够将Vue应用中的各种资
心之飞翼
·
2025-03-08 08:37
vue.js
前端
javascript
编程
Webpack
打包后文件过大,如何优化?
聚沙成塔·每天进步一点点本文回顾⭐专栏简介
Webpack
打包后文件过大,如何优化?
几何心凉
·
2025-03-08 08:36
前端入门之旅
webpack
前端
node.js
归纳
webpack
常用配置项constHtml
Webpack
Plugin=require('html-
webpack
-plugin');//通常用于生成HTMLconstMiniCssExtractPlugin=require
捻tua馔...
·
2025-03-07 07:49
webpack
前端
Webpack
常见配置实例
webpack
实例打包构建流程对应的常见配置1.mode:'development'2.entry:'.
码上跑步
·
2025-03-07 01:18
webpack
前端
node.js
大白话
Webpack
配置与使用的详细步骤和插件应用
大白话
Webpack
配置与使用的详细步骤和插件应用啥是
Webpack
Webpack
就像是一个超级管家,在我们开发网页的时候,会有各种各样的文件,像JavaScript文件、CSS文件、图片等等。
IT木昜
·
2025-03-06 21:06
大白话前端高频面试题
webpack
前端
node.js
使用
Webpack
搭建React脚手架(下篇)
一套完善的开发环境配置可以极大的提升开发效率,提高代码质量,方便多人合作,以及后期的项目迭代和维护。所以说,前端代码格式规范和语法检测的工具可以提高代码的质量和可读性,减少低级错误和维护成本,提高团队的协作效率和开发效率,是非常有必要的。本篇我们将完善脚手架的搭建。代码格式规范和语法检测工具1,EditorConfig:EditorConfig是一个用于统一编辑器和IDE的配置文件的工具。它可以帮
Web_linlan
·
2025-03-06 08:49
webpack
react.js
前端
HTTP/1.1 和 HTTP/2 的区别,HTTP/2 有哪些新特性?
//HTTP/1.1下需合并资源减少请求数(但可能影响缓存)//使用工具如
Webpack
合并JS:module.exports={
程序员黄同学
·
2025-03-05 21:47
node.js
前端开发
JavaScript
http
网络协议
网络
vue项目中使用scss
vue项目中使用scss一、安装使用scss1.安装scss2.安装node-sass和sass-loader3.配置
webpack
.base.conf.js文件4.组件中使用scss二、设置scss变量
筱筱°
·
2025-03-05 04:27
#
scss
vue.js
scss
深度解析Ant Design Pro 6开发实践
从架构设计到企业级应用落地一、AntDesignPro6核心特性与生态定位(技术架构分析)作为AntDesign生态体系的旗舰级企业应用中台框架,AntDesignPro6基于以下技术栈实现突破性升级:模块联邦架构:通过
Webpack
5
i建模
·
2025-03-04 19:39
前端开发
前端开发
react.js
typescript
ant-design
Webpack
构建兼容IE8
IE8中运行
webpack
打包后的程序会出现各种问题,请注意,真的会有各种问题,所以尽可能不要在IE8上运行
webpack
,连淘宝都不支持IE8了,为什么我们还要兼容它呢?毕竟是十年前的东西了。
·
2025-03-01 21:02
Vue打包(
webpack
)缓存
解决方法:1、修改vue.config.js文件constTimestamp=newDate().getTime();module.exports=defineConfig({configure
Webpack
歌歌的前端学习之路
·
2025-03-01 18:41
vue.js
webpack
前端
cordova app
webpack
升级为vite
本文是对vue2进行兼容1.在项目根目录下运行以下命令,安装Vite和必要的插件:npminstallvite@vitejs/plugin-legacy--save-devvite:Vite核心包。@vitejs/plugin-legacy:为旧版浏览器提供支持(建议添加vite生成的script会有type=“module”)。否则在cordova中可能报错Failedtoloadmodules
weixin_45410246
·
2025-03-01 17:38
cordova-hcp
Cordova
vue
vite
webpack
前端
node.js
vite
上一页
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
其他