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
打包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
webpack
基础配置
文章目录一、默认入口和默认出口二、资源配置三、输出文件3.1多文件入口3.2Html
Webpack
Plugin插件四、环境4.1环境变量4.2热更新五、代码分离5.1公共模块5.2懒加载5.3预获取/预加载模块六
吃杠碰小鸡
·
2025-03-01 15:51
前端
前端工具库
webpack
前端
javascript
vue-cli开启gzip打包报错TypeError: Cannot read property ‘tapPromise‘ of undefined-解决
给项目增加gzip打包yarnaddcompression-
webpack
-plugin-D(默认安装的是7以上的最新版本)修改vue.config.jsconstCompression
Webpack
Plugin
JackieDYH
·
2025-03-01 14:19
Vue
ERROR
tapPromise
gzip打包报错
vue-cli
vue
Webpack
、Vite区别知多少?
前端的项目打包,我们常用的构建工具有
Webpack
和Vite,那么
Webpack
和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢?我们在做项目时要如何选择呢?
m0_74824044
·
2025-02-28 23:58
面试
学习路线
阿里巴巴
webpack
前端
node.js
什么?你的Nestjs项目部署的时候还要把node_module带上去?
目录创建
webpack
配置文件修改nestjs-cli修改package最近跟一个小伙伴聊天,他说他部署Nestjs项目的时候,每次都要把package.json带上去然后使用npm把依赖安装一次,才能运行项目
海上彼尚
·
2025-02-28 22:20
node.js
node.js
javascript
vue项目监听文件变化自动重启
webpack
服务器
问题:因为每次更换开发环境时,都需要手动重启一次服务器。以下的方法可以实现自动化重启。一、安装nodemon插件nodemon插件,这里有一篇详细的入门介绍。这里只有我的配置进行记录。首先我们需要在开发环境中安装nodemon依赖npminstall--save-devnodemon在项目的package.json文件中的scripts对象下添加开启nodemon的操作//package.json
什么什么什么?
·
2025-02-28 17:16
前端
笔记
nodemon
自动化重启
开发环境
文件监听
【现代前端框架中本地图片资源的处理方案】
本文将详细探讨在
webpack
和Vite等构建工具中处理本地图片引用的各种方法。传统方式的局限性在传统开发中,我们可能习惯这样引用图片:constl
Gazer_S
·
2025-02-28 10:51
前端框架
前端
缓存
javascript
chrome
一个基于 React + SpringBoot 的在线多功能问卷系统(附源码)
简介:一个基于React+SpringBoot的在线多功能问卷系统前端技术栈:React、React-Router、
Webpack
、Antd、Zustand、Echarts、DnDKit后端技术栈:SpringBoot
程序员-李旭亮
·
2025-02-28 07:23
Java项目源码
react.js
spring
boot
前端
Springboot 文件下载
org.springframework.bootspring-boot-starter-
webpack
agecom.sh.system.controller;importorg.springframework.core.io.ClassPathResource
松岛的枫叶
·
2025-02-27 11:38
spring
boot
Vite 与
Webpack
:性能差异解析
牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与
Webpack
阿珊和她的猫
·
2025-02-27 11:07
webpack
前端
node.js
JavaScript系列(87)--
Webpack
高级配置详解
Webpack
高级配置详解️
Webpack
是前端工程化中最流行的构建工具之一,掌握其高级配置可以帮助我们构建更高效、更优化的应用。本文将深入探讨
Webpack
的高级配置技巧和最佳实践。
ᅟᅠ 一进制
·
2025-02-27 00:11
JavaScript
前端
javascript
webpack
cocosCreator 和 Laya 的常用API与方法 ,多边形点击解决正方形重叠点击问题,emit,dispatchEvent,EventCustom
常用API引入:require/import导出:export/module.exports/exportsNodejs不支持import和exportes6兼容以上所有语法,当然需要
webpack
+babel
qq_42838904
·
2025-02-26 21:17
浅析vue项目优化
不错呢,踩坑的文章很多,我就不写了,主要来写一写怎么去优化vue项目注意:适用于vue-cli初始化、
webpack
打包的单页应用。
欧阳呀
·
2025-02-26 19:36
vue项目优化
Vue
2.0
vue
vue项目优化
Vue
2.0
nodejs 的 npm install , npm run 问题 dev
webpack
-dev-server‘ 不是内部或外部命令,也不是可运行的程序
nodejs的npminstall,npmrun问题dev
webpack
-dev-server’不是内部或外部命令,也不是可运行的程序1.安装脚手架安装脚手架命令:npminstall-globalvue-cli2
倾旎
·
2025-02-26 10:33
nodejs
vue
Webpack
Module Federation实战:微前端架构
Webpack
ModuleFederation是
Webpack
5引入的一个特性,它支持微前端架构,允许不同的Web应用之间共享模块,而不需要运行时的容器或服务器端的构建步骤。
糖糖老师436
·
2025-02-26 02:35
前端
webpack
架构
一次vue2项目打包构建优化过程
项目基本情况项目是一个vue2+
webpack
4的管理平台,接下来看一下项目的打包耗时情况和产物依赖情况耗时情况首先使用SpeedMeasurePlugin来看一下项目的构建过程中各个阶段的耗时情况。
糖糖老师436
·
2025-02-26 02:35
程序员
前端
vue
前端
vue
JavaScript系列(86)--现代构建工具详解
主流的构建工具包括
webpack
、Vite、Rollup等,它们各有特点和适用场景。
webpack
详解//1.
webpack
配置class
Webpack
C
ᅟᅠ 一进制
·
2025-02-25 23:48
JavaScript
javascript
rust
开发语言
手写
webpack
中的loader、plugin以及babel转码的简单理解
;returnresult;}module.exports=myLoader;//使用方法:在
webpack
.config.jsmodule:{rules:[{test:/\.js$/,//匹配所有
编码七号
·
2025-02-25 11:20
webpack
前端
node.js
10天进阶
webpack
---(1)为什么要有
webpack
首先就是我们的代码是运行在浏览器上的,但是我们开发大多都是利用node进行开发的,在浏览器中并没有node提供的那些环境。这就造成了运行和开发上的不同步问题。-----引言浏览器模块化的问题:效率问题:精细的模块划分带来了更多的JS文件,更多的JS文件带来了更多的请求,降低了页面访问效率兼容性问题:浏览器目前仅支持ES6的模块化标准(不支持COMJS),存在兼容问题,当然目前其实只要不是特别老的浏
青茶绿梅*2
·
2025-02-25 03:20
webpack
前端
node.js
使用 Python + Tinify 高效批量压缩图片,优化
Webpack
打包速度!
webpack
本身可以压缩图片image-
webpack
-loader,但是打包时间长,图片是有损压缩为了图片质量采用Pythontinify库脚本压缩以下是一个基于Python的Tinify(TinyPNG
程序员小续
·
2025-02-24 11:31
java
开发语言
python
react.js
webpack
前端
前端框架
2021中高级前端面试题合集,大厂内部资料
第一个阶段,开发环境和工具准备浏览器(Google,FireFox,…)下载,安装前端开发工具vscode,下载、安装node、npm、
webpack
、
webpack
-cli、cnpm,配置前端开发环境下载
萌萌猫咪
·
2025-02-24 11:58
程序员
面试
前端
大前端
前端:一篇彻底搞懂Vite/
Webpack
(比较/区别)
文章目录一.
Webpack
1.
Webpack
的HMR2.
webpack
-dev-server的热更新:3.原理二.Vite1.Vite2的HMR2.esbuild3.Vite原理:一.
Webpack
1.
Freedom3568
·
2025-02-24 04:40
大前端
webpack
前端
vite
比较
区别
前端打包工具rollup、
webpack
、vite的区别
总结rollup更适合打包库,
webpack
更适合打包项目,vite基于rollup实现了热更新也适合打包项目。
手掌日月摘星辰
·
2025-02-24 04:36
前端面试秘籍
webpack
前端
vite
rollup
【前端学习笔记】Vite
1.ViteVite是一个现代前端构建工具,旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具(如
Webpack
)在开发过程中的瓶颈。
咔叽布吉
·
2025-02-24 03:02
前端学习
前端
学习
笔记
如何结合使用thread-loader和cache-loader以获得最佳效果?
结合使用thread-loader和cache-loader可以显著提高
Webpack
的构建速度,特别是在处理大型项目时。以下是如何有效配置和使用这两个Loader以获得最佳效果的详细说明。
祈澈菇凉
·
2025-02-24 03:32
前端
Vite 和
Webpack
的区别和选择
简介Nuxt3默认使用Vite作为构建工具,但也可以配置为使用
Webpack
。
垣宇
·
2025-02-24 03:02
开发框架/组件
webpack
前端
node.js
2024年前端面试题
webpack
+vite4篇
2024年前端面试题
webpack
+vite4篇我希望我的答案和解释是通俗易懂的。
xiaoliyo_
·
2025-02-23 15:37
面试题
前端
webpack
node.js
前端面试题(四、
webpack
和vite)
比如
webpack
、vite。一、
webpack
1.基础功能开发模式下:编译es6的模块化语法生产模式下:编译es6的模块化语法、压缩代码。2.集成功能通过集成一系列的第三方库,比如一些loader编
weixin_47880745
·
2025-02-23 15:06
前端
webpack
node.js
1024程序员节
2024前端面试题-工程化篇
1.
webpack
(模块打包工具)五大核心Entry入口,Output定义输出路径和命名规则,Loader模块转换器,Plugin扩展插件,Mode模式(
Webpack
使用相应模式的配置)2.谈一谈你对
Adasunshine
·
2025-02-23 13:27
面试题
前端
面试
webpack
上一页
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
其他