Webpack 第6页

react学习笔记2——基于React脚手架与ajax

jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库:create-react-app项目的整体技术架构为:react+webpack

qq_58956810·2025-05-03 18:59

vue2项目（使用webpack打包的）使用tslog

1.安装tslognpminstalltslog--save2.创建一个logger.js文件来处理日志记录，内容如下：//import{Logger}from'tslog';//constlogger=newLogger();//exportdefaultlogger;import{Logger}from'tslog';classDrpLogger{constructor(name){this.

bling flower·2025-05-03 05:28

Webpack基础应用篇-[10]1.7 使用 babel-loader

前面的章节里，我们应用less-loader编译过less文件，应用xml-loader编译过xml文件，那js文件需要编译吗？我们来做一个实验，修改hello-world.js文件：08-babel-loader/src/hello-world.jsfunctiongetString(){returnnewPromise((resolve,reject)=>{setTimeout(()=>{re

千锋HTML5大前端·2025-05-02 23:18

crossOriginLoading使用说明

1.说明此配置用于控制Webpack动态加载的代码块（chunk）（例如代码分割或懒加载的模块）在跨域（不同域名）加载时的行为。

涛哥码咖·2025-05-01 18:39

Vite 为什么比 Webpack 快？

目录1.Webpack的构建原理2.Script的模块化（主流浏览器对ESModules的支持）3.WebpackvsVite开发模式的差异对ESModules的支持底层语言的差异热更新的处理1.Webpack

橘子味的冰淇淋~·2025-05-01 18:38

vue 打包设置

1、vuewebpack配置filename:'[path][base].gz',//设置成这样就行了const{defineConfig}=require('@vue/cli-service')constdebug

gis开发·2025-05-01 11:51

vue2/3 | nuxt - 报错 Error: error:0308010C:digital envelope routines::unsupported（node项目启动运行、打包时报错，解决）

nuxt项目开发中，当执行启动运行/打包时报错：Error:error:0308010C:digitalenveloperoutines::unsupported详细解决方案，很奇怪的错误，完美解决升级webpack

十一猫咪爱养鱼·2025-05-01 02:59

webpack（10）webpack-dev-server搭建本地服务器

前言当我们使用webpack打包时，发现每次更新了一点代码，都需要重新打包，这样很麻烦，我们希望本地能搭建一个服务器，然后写入新的代码能够自动检测出来，这时候就需要用到webpack-dev-serverwebpack-deb-serverwebpack

厦门在乎科技·2025-04-30 18:34

现代前端工具链深度解析：从包管理到构建工具的完整指南

本文将深入探讨现代前端开发中最核心的两大工具类别：包管理工具(npm/yarn)和构建工具(Webpack/Vite)，带你从基础配置到高级技巧全面掌握前端工程化的关键技能。

程序员Bears·2025-04-30 16:17

vite+vue2+elementui构建之 vite.config.js

webpack版本太低，构建依赖太多，头大。各种查阅资料，弄了一份直通构建vite构建elementUi核心文件，构建基于开源若依vue2+vue3版本改造，感谢开源，感谢若依。

Sahas1019·2025-04-30 11:47

[爬虫必看] 2025最新JavaScript逆向爬虫知识手册

usestrict”)的陷阱1.2自执行函数（IIFE）语法变体1.3作用域与闭包闭包的内存泄漏风险通过闭包隐藏关键变量2.浏览器与Node.js环境差异2.1全局对象对比2.2模块系统差异2.3环境检测与模拟3.Webpack

21e23f234·2025-04-30 08:28

【前端开发者的 uv 工具指南：结合 MCP 实现智能自动化工作流】

前端开发者的uv工具指南：结合MCP实现智能自动化工作流摘要/引言在当今的前端开发环境中，项目复杂度不断上升，开发者需要处理多种工具链，如JavaScript框架（Vue、React）、构建工具（Vite、Webpack

Gazer_S·2025-04-30 00:59

css-loader 与 style-loader：Webpack 中样式加载的双雄

在现代前端开发中，Webpack已成为构建项目的核心工具之一，而处理CSS样式时，css-loader和style-loader是两个极为关键的模块。

学习机器不会机器学习·2025-04-29 12:54

解锁Webpack

本文对应的项目地址(编写本文时使用)供参考：https://github.com/YvetteLau/webpack/tree/master/webpack-second1.静态资源拷贝有些时候，我们需要使用已有的

十二..·2025-04-28 21:17

webpack5学习与实战-（六）-babel-loader解析js文件

在之前，使用css-loader来解析过css文件。那babel-loader则是用来解析js文件的。这是因为js的版本一直在更新，不断引入新的写法，但是浏览器的更新滞后，有些浏览器还不支持。所以就需要用babel-loader来进行转化成浏览器支持的写法。一，不使用babel-loader的时候我们在代码中写：functiongetString(){returnnewPromise((resol

笑道三千·2025-04-28 21:17

Webpack核心loader (三）—— babel-loader

base-loader解析es6,将es6转化成es5,将react的jsx语法转化成浏览器可以认识的语言1.babel-loader//针对于babel的loader文件2.@babel/core//babel核心文件3.@babel/preset-env//解析更高级代码安装：cnpmibabel-loader@babel/core@babel/preset-env-Dbabael官网：htt

采故事的女孩·2025-04-28 21:47

Webpack中之babel-loader作用

我们如果希望在webpack

小码龙~·2025-04-28 21:15

手写webpack的babel-loader、url-loader、file-loader

需要下载@babel/core@babel/preset-envnpmi@babel/core@babel/preset-env-Dconstpath=require('path')constHtmlWebpackPlugin

专属男神lbj·2025-04-28 21:45

babel和loader的关系

2.Loader是加载器（在打包工具里的）比如在webpack里：Loader的作用是告诉webpack：当你遇到.js、.vue、.ts这类文件，应该用谁去处理它。Loa

海盗强·2025-04-28 21:44

解锁webpack：对html、css、js及图片资源的抽离打包处理

面试被问到webpack，可别只知道说HtmlWebpackPlugin了哇。

昔冰_G·2025-04-28 21:40

Rollup、Webpack、Esbuild 和 Vite 前端打包工具

Rollup、Webpack、Esbuild和Vite都是前端开发中常用的打包工具，它们各有特点，以下是对它们的详细对比：核心功能Rollup：专注于JavaScript模块打包，擅长将小的JavaScript

三思而后行，慎承诺·2025-04-28 08:52

关于uniapp 微信小程序代码过大进行压缩处理

关于uniapp微信小程序代码过大进行压缩处理下载npmiuglifyjs-webpack-plugin;npmiterser-webpack-plugin在vue.config.js中constUglifyJsPlugin

WKK_·2025-04-28 03:21

elementui树状菜单tree_vue+element-ui实现无限级动态菜单树

搭建项目并安装element-uinpmi-gvue-clivueinitwebpackmyproject-namecdmyproject-name/npminstallnpmielement-ui-S

weixin_39979948·2025-04-27 23:52

Vue项目实战

Ant-Design小程序：vant移动端web：vant门户网站：局部引入UI库海外：MaterialUI规范react\mui，vue\vuetify二、项目实战1.创建项目方式一：VueCLI基于webpack

DustinWangq·2025-04-27 07:39

【高频考点精讲】前端构建工具对比：Webpack、Vite、Rollup和Parcel

前端构建工具大乱斗：Webpack、Vite、Rollup和Parcel谁是你的菜？

全栈老李技术面试·2025-04-26 14:19

webpack构建流程、基础配置、打包性能优化、热更新、和Vite区别

文章目录一、webpack构建流程四个阶段：1.配置文件解析：2.入口处理：3.模块加载与转换：4.插件执行：5.打包优化：6.生成输出文件：二、webpack基础配置1.`entry`2.

loey_ln·2025-04-26 14:19

webpack配置

十一猫咪爱养鱼·2025-04-26 08:46

vue.config.js基本配置

constpath=require('path')constwebpack=require('webpack')constcreateThemeColorReplacerPlugin=require('

紫微前端·2025-04-26 02:03

webstorm 不识别Vue旧项目的路径别名 @

其实webstorm是支持这个功能的，但是需要webpack.config.js位置在项目根目录下。

红发-SHANKS·2025-04-25 17:29

第二步 Vue2 vue.config.js 基础配置，路径别名alias

在这个文件中，你可以修改webpack相关的选项，以满足你的项目需求。

-Bell-·2025-04-25 17:26

【初级】前端开发工程师面试100题（二）

本题库共计包含100题，考察html，css，js，以及react，vue，webpack等基础知识掌握情况。TypeScript篇TypeScript和JavaScript有什么区别？

全栈老李技术面试·2025-04-24 23:58

Vite 与 Webpack 的区别

在前端开发中，构建工具是不可或缺的，Webpack和Vite是当前最流行的选择之一。尽管它们的目标相似，但在实现方式和开发体验上却有显著差异。

自信的飞·2025-04-24 10:25

【Webpack】样式处理 - 样式预处理

样式预处理是在开发中会使用一些样式预编译语言，如scss,less等，在项目打包过程中再将这些语言转换为css，借助这些语言强大和便捷的特性，可以降低项目的开发和维护成本。下面是目前最主流的两种预编译语言是如何配置的sass和scsssass本身是对css的语法增强，现在使用更多的是scss在安装和配置都是sass-loader，而实际的文件后缀是.scsssass-loader就是将scss语法

loyd3·2025-04-22 15:17

React 打包时如何关闭源代码混淆

打包源代码需要安装一下两个依赖包cracoCreateReactAppConfigurationOverride），修改Webpack配

hawk2014bj·2025-04-22 02:33

webpack的基本使用

文章目录前话安装入口(entry).gitignoresrc\title.jssrc\index.jswebpack.config.jspackage.json输出(output)多入口打包entry和

PeaceCode·2025-04-22 01:25

webpack之Tree Shaking详解

TreeShaking能够在模块的层面上做到打包后的代码只包含被引用并被执行的模块，而不被引用或不被执行的模块被删除掉，以起到减包的效果。比如math.jsexportconstadd=(a,b)=>{console.log(a+b)}exportconstminus=(a,b)=>{console.log(a-b)}index.jsimport{add}from'./math'add(1,6);

wflynn·2025-04-22 01:55

webpack的理解和总结

1.什么是webpack？它的主要功能是什么？webpack是一个前端模块打包工具。他可以将多个模块按照依赖关系进行静态分析，并生成一个或多个打包后的文件。

写代码的拉克丝·2025-04-22 01:55

webpack-loaders使用理解

webpack-loaders使用理解loaderswebpack可以使用loader来预处理文件。这允许你打包除JavaScript之外的任何静态资源。

Exclison·2025-04-22 01:55

webpack 中 chunks详解

webpack中chunks详解在Webpack项目中，webpack.config.js是核心配置文件，而非webpack.json。

二川bro·2025-04-22 01:25

深入理解 Webpack Loader 与 Plugin：区别解析、编写思路与项目优化实战

Webpack中的Loader和Plugin的区别在Webpack中，Loader和Plugin都是实现定制化构建过程的工具，但它们的功能和使用场景有所不同。

疯狂的沙粒·2025-04-22 01:54

【webpack】快速笔记12 -- Tree Shaking 概念详解

慢慢剥开TreeShakingindex.js:我们将React相关代码注释掉或者删除，只引入一个@babel/polyfill的包import"@babel/polyfill";//importReact,{Component}from'react'//importReactDomfrom'react-dom'//classAppextendsComponent{//render(){//ret

@Umbrella·2025-04-22 01:53

webpack系统学习（三）Tree Shaking 概念详解

当项目达到一定体积的时候，将代码分成模块可以更加易于我们的管理，但是，当这样做时，我们可能引入了并不需要的代码，而TreeShaking就是一种通过消除文件中纹使用的代码来优化体积。注意：TreeShaking只支持对静态引入的模块进行体积优化。一般观察下面的代码：//math.jsexportconstadd=(a,b)=>{console.log(a+b)}exportconstminus=(

慌张的唐同学·2025-04-22 01:52

Tree Shaking（摇树优化）详解

TreeShaking（摇树优化）详解TreeShaking是现代JavaScript打包工具（如Webpack、Rollup、Vite等）中的一项重要优化技术，它的名字形象地比喻为"摇动一棵树，让没用的叶子掉下来

web网页精选·2025-04-22 01:52

Vue打包为相对路径

GitHubPages部署示例五：静态文件托管服务实际开发中的使用技巧技巧一：使用环境变量技巧二：避免硬编码路径技巧三：使用动态路径解决常见问题问题一：资源加载失败问题二：跨域问题问题三：部署后样式失效扩展内容使用Webpack

DTcode7·2025-04-21 20:28

TypeScript React 开发框架选择：Vite 或 Webpack 指南

TypeScriptReact开发框架选择：Vite或Webpack指南ts-react-vite_or_webpackastarter-templatewithtypescript,react,mobxandvite

沈瑗研·2025-04-21 06:36

前端与Java后端交互出现跨域问题的14种解决方案

跨域问题是前端与后端分离开发中的常见挑战，以下是14种完整的解决方案：1前端解决方案(开发环境代理)1.1Webpack开发服务器代理//vue.config.js或webpack.config.jsmodule.exports

黑码小帅·2025-04-21 03:49

【CodePen完全指南：从零开始玩转在线代码沙盒】

1.传统开发的痛点环境配置复杂：新手常卡在安装Node.js/配置Webpack即时反馈缺失：改个颜色就要手动刷新浏览器作品分享困难：压缩打包发zip包？太不优雅！

Gazer_S·2025-04-21 01:11

JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目

本文来自小迪安全本文是为了解决：1、如何从表现中的JS提取价值信息2、如何从地址中FUZZ提取未知的JS文件3、如何从JS开放框架WebPack进行测试0、什么是JS渗透测试？

我最厉害。，。·2025-04-20 21:12

Vue 应用从 Vite 迁移到 Webpack

Vue应用从Vite迁移到Webpack主要涉及以下几个步骤：安装Webpack和相关依赖：首先，你需要安装Webpack和VueLoader。

玛蹄柯拿·2025-04-20 15:06

Pulsar Management Vue2+Webpack4改造成Vue3+Vite

PulsarManagementVue2+Webpack4改造成Vue3+Vite背景问题点初步改造--仍旧使用webpack4（未解决--已放弃）1.package.json文件改造2.webpack.config

qq_39760573·2025-04-20 15:35

推荐频道

Webpack