webpack雪碧图

前端解决跨域的几种方案

以下是前端解决跨域问题的7种主流方案，根据应用场景和实现难度排序，附详细实现示例：一、开发环境解决方案1.WebpackDevServer代理（推荐）//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预加载 CSS 中定义的资源和预加载 CSS 文件

在Webpack中预加载CSS文件及其内部定义的资源（如图片、字体等），可以通过资源预加载（Preloading）技术优化关键资源的加载优先级。
混血哲谈·2025-03-21 10:00

webpack的SplitChunksPlugin和在路由或组件级别进行拆分

请问下面内容中提到的SplitChunksPlugin和“在路由或组件级别进行拆分是一种更简单的方法，可用于延迟加载应用的不同部分”在前端项目中如何应用？“”“在大型应用中，延迟加载第三方依赖项并不是常见的模式。通常，第三方依赖项会拆分为单独的供应商软件包，因为它们的更新频率较低，因此可以缓存。您可以详细了解SplitChunksPlugin如何帮助您实现这一点。使用客户端框架时，在路由或组件级别
混血哲谈·2025-03-21 10:00

【typescript进阶篇】(第四章) webpack编译ts及第三方库声明文件

使用webpack打包TS文件安装依赖安装webpack环境npmiwebpackwebpack-cliwebpack-dev-server-D安装TypeScriptnpminstalltypescript-D
蒜香拿铁·2025-03-21 10:58

Webpack4从入门到精通以及和webpack5对比_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提升打包构建速度02--webpack优化

提升打包构建速度HotModuleReplacement为什么开发时我们修改了其中一个模块代码，Webpack默认会将所有模块全部重新打包编译，速度很慢。
_xiyang·2025-03-21 07:05

Webpack常见面试题总结

一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。
xiangzhihong8·2025-03-20 17:39

最完整的webpack Dll打包与采坑总结

webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。
仰望星空的代码·2025-03-20 17:38

前端开发：Webpack的使用总结

前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。
三掌柜666·2025-03-20 17:33

微前端 qiankun vite vue3

文章目录简介主应用qiankun-mainvue3vite子应用qiankun-app-vue2webpack5子应用qiankun-reactwebpack5子应用quankun-vue3vite遇到的问题简介主要介绍以
可缺不可滥·2025-03-20 11:16

使用CRACO自定义 Webpack 配置

默认情况下，CRA的Webpack配置是隐藏的，如果你需要修改Webpack，比如：✅CDN配置✅配置alias（路径别名）✅修改Less/Sass变量✅添加Babel插件✅优化Webpack构建（如SplitChunks
黄毛火烧雪下·2025-03-20 07:42

webpack初识（js逆向）

webpack调试很多时候再看webpack的代码块的时候都一头雾水，不知道这个函数的具体逻辑在哪里，因为打包之后一些函数块是通过数字或者字符串进行调用的就像这样这里每个括号包括着的字符串都相当于一个函数
shix .·2025-03-20 06:04

create-react-app创建的项目中设置webpack配置

create-react-app创建的项目默认使用的是react-scripts（存在于node_modules文件夹中）来处理开发服务器和构建，它内置了一些webpack相关配置。
沃野_juededa·2025-03-19 19:36

详细讲一下webpack中五个优化能力十分强大的插件（1-5）

安装:npminstallterser-webpack-plugin--save-dev配置constTerserPlugin=require('terser-webpack-plugin');module.exports
asecretman!·2025-03-18 20:26

《前端监控与性能优化全景指南：构建企业级高性能应用》

文章目录前言技术栈覆盖范围一、监控体系架构设计1.1全链路监控系统组成1.2核心监控指标清单二、性能数据采集实战2.1增强版性能采集器2.2用户行为轨迹录制三、深度性能优化策略3.1构建阶段优化（Webpack5
前端极客探险家·2025-03-18 16:31

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

前端初学者，有哪些适合的学习网站？

其前端教程体系涵盖了前端开发的大量入门知识，包括HTML、CSS、JavaScript等基础技术，以及当前主流的前端框架和工具的使用方法，如Vue.js、React、Webpack等。
四六的六·2025-03-17 15:32

webpack-bundle-analyzer 包分析工具的使用

webpack-bundle-analyzer它将创建所有捆绑包内容的交互式树状图可视化。
不想吃菠萝·2025-03-16 21:17

webpack-bundle-analyzer分析打包文件

安装：npminstall--save-devwebpack-bundle-analyzer在vue.config.js中配置：constBundleAnalyzerPlugin=require('webpack-bundle-analyzer
闰土月下追猹·2025-03-16 21:45

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

使用vite脚手架搭建react项目

首选使用npm安装reactvitenpminstall-gcreatevite替换npminstall-gcreate-react-app新的脚手架据说很快，是原来的webpack的700倍。。。
JiaLin_Denny·2025-03-16 20:14

nodejs 010:Webpack 可视化分析插件 webpack-bundle-analyzer的使用

安装yarnadd--devwebpack-bundle-analyzer原始webpack.config.jswebpack.config.js代码定义了Webpack的配置，主要任务是将JavaScript
FakeOccupational·2025-03-16 20:43

webpack打包可视化分析之--webpack-bundle-analyzer

在开发一些项目的时候，有时候有些旧的框架项目用的webpacke打包慢，打包出来的包文件大，然而我们想要对它进行优化分析，有些旧的项目可能在不断迭代的过程中，有些模块功能改造或者有些需求变化，有些新需求模块开发测试完后
诗棋吖·2025-03-16 20:42

使用pdfjs加载多页pdf并实现打印

worker-loadernpminstallpdfjs-dist@[email protected]在vue.config.js中配置//webpack
MandiGao·2025-03-16 16:13

Webpack vs Rollup vs Parcel：构建工具深度对比

文章目录1.核心特性对比1.1功能定位1.2技术架构对比2.配置与使用2.1Webpack配置示例2.2Rollup配置示例2.3Parcel使用示例3.性能对比3.1构建速度3.2输出质量4.生态系统
北辰alk·2025-03-16 16:42

vue项目提示 WebSocketClient.js:49 WebSocket connection to ‘ws://xxxx/ws‘ failed: Invalid frame header

项目信息vue-cli创建的vue3+webpack5项目；问题现状配置proxy代理后，控制台报错，不影响使用，但是不美观，并且不利于在控制台调试代码；原因定位代理问题，新配置的接口代理，影响到了项目内置的本地服务代理配置
Beamon__·2025-03-16 13:20

第四章：高级特性与最佳实践 - 第四节 - 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

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发
weixin_42140041·2025-03-15 21:57

前端面试题---vue项目打包时, 内存不足了怎么办 为什么会出现这样的情况

Vue项目打包时如果出现内存不足（OOM，OutofMemory）简称就是OOM，通常是因为项目代码量较大、依赖过多、打包时Webpack需要处理的文件过多，导致Node.js运行时超出了默认的内存限制
*星之卡比*·2025-03-15 15:16

我与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

Stack Navigator中使用自定义的Render Callback

看起来哪个都比webpack+Vue2香呀。（尤大都向React推荐Vite了，难道你还不试一下Vite么？）
AI画手小王·2025-03-14 06:32

webpack和vite的区别

Webpack：需要分析所有模块的依赖关系并进行全量打包，导致启动和热更新速度较慢，尤其是在项目规模较大时。2.打
阿丽塔~·2025-03-14 06:32

前端打包优化相关 Webpack

前端打包优化相关Webpack打包时间的优化（基于VueCLI4+Webpack5）1.Webpack配置减少打包时间1.1对JS配置：排除node_modules和src中的打包内容在开发环境下，修改
怒放的生命1991·2025-03-14 06:31

【实战-解决方案】Webpack 打包后很多js方法报错：not defined

问题分析在不打包的情况下，方法（如checkLoginStatus、filterSites、initProgressBar等）可以正常运行，而经过Webpack打包后报isnotdefined错误，通常有以下几个可能的原因
oliver.chau·2025-03-14 05:27

webpack打包指定文件到指定位置

在不做设置的情况下，webpack会默认处理src文件夹下面的index.html文件，处理完成后会自动默认新建一个dist目录，并将生成的默认文件main.js存入里面，但当我们改变html文件名字后
Zԅ(¯ㅂ¯ԅ)·2025-03-13 23:21

Webpack 优化深度解析：从构建性能到输出优化的全面指南

Webpack是一个强大的模块打包工具，广泛应用于现代前端开发中。随着项目规模的增大，Webpack的构建速度和输出文件的优化变得尤为重要。
冬冬小圆帽·2025-03-13 11:55

从零到一：如何系统化封装并发布 React 组件库到 npm

npminstall--save-devwebpackwebpack-clibabel-loader@babel/core@babel/
冬冬小圆帽·2025-03-13 11:48

前端-webpack一些常用配置的作用

它可以将非JavaScript文件（如CSS、图片、字体等）转换为webpack能够处理的模块。
大嘴史努比·2025-03-13 10:41

Webpack Loader 与 Plugin 实现原理深度解析

一、Webpack扩展机制的核心设计1.1模块化构建流程概览Webpack的构建流程本质上是模块转换流水线，其核心处理流程如下：入口文件解析模块应用Loader生成AST收集依赖封装Chunk应用Plugin
斯~内克·2025-03-13 06:40

Vite 不支持 require 解决方案（三种情况/require is not defined）

所以，我们要理清如下两个方法：方法require()Node.JS原生方法，以CommonJS方式加载模块/文件/图片；Webpack默认支持，Vite不支持；方法require.context()Webpack
Harriet嘉·2025-03-13 05:34

前端webpack 高薪企业必备面试真题16道 ---带答案(9)（20220415)

目录1、什么是webpack（必会）2、webpack的优点是什么？（必会）3、webpack的构建流程是什么?
一染星辰·2025-03-13 03:47

Webpack 打包详细教程

Webpack是一个现代JavaScript应用的静态模块打包工具，它可以处理JavaScript、CSS、图片等资源，并优化它们以提高性能。以下是Webpack从基础到进阶的详细教程。
oliver.chau·2025-03-11 20:27

Webpack打包构建流程

webpack的打包构建流程为什么需要打包？在前端有非常多的资源，如css、js、vue、vue、图片、字体等。
码上跑步·2025-03-11 13:08

webpack

webpack介绍webpack是一个构建工具,实现了模块化管理项目.他的工作方式是用各种loader将各种资源转化为js文件或者对js文件进行压缩编译亦或对静态资源进行处理.官网:webpack由来模块化存在一些问题
码上跑步·2025-03-11 13:38

面试题之webpack file-loader和url-loader

在面试中，关于Webpack中file-loader和url-loader的区别是一个常见的问题。
阿丽塔~·2025-03-11 10:39

如何使用Webpack打包React项目？

文章目录1.引言2.环境搭建2.1初始化项目2.2安装依赖3.配置Webpack3.1关键配置说明4.Babel配置5.项目结构示例6.开发和生产环境优化6.1开发环境6.2生产环境7.调试和常见问题7.1
几何心凉·2025-03-11 04:17

nuxt2 打包优化使用“compression-webpack-plugin”插件

compression-webpack-plugin是一个常用的Webpack插件，用于在生产环境中对文件进行Gzip压缩。这对于减少网络传输时间和提高页面加载速度非常有帮助。
webYin·2025-03-11 03:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他