【webpack】第3页

vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

错误描述在vue2|vue3开发，报错：UncaughtTypeError:(0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction

十一猫咪爱养鱼·2025-06-13 07:46

vite原理

理解Vite的原理，可以从两个核心阶段来看：一、开发环境原理（Dev模式）核心理念：原生ESM+按需加载Vite利用现代浏览器对ESM（ESModules）的支持，实现了即点即编译，无需像Webpack

光影少年·2025-06-13 06:40

提高webpack打包速度

Webpack打包时可以通过优化配置、使用缓存、多进程处理等方式来提高构建速度，以下是具体介绍：优化Webpack配置合理配置Loader减少Loader的使用：尽可能减少不必要的Loader配置，避免对无关文件进行处理

一个游离的指针·2025-06-13 03:48

Angular中Webpack与ngx-build-plus 浅学

Webpack在Angular中的概念Webpack是一个模块打包工具，用于将多个模块和资源打包成一个或多个文件。

·2025-06-12 07:46

MFE(微前端) Module Federation：Webpack.config.js文件中每个属性的含义解释

以ModuleFederation插件详为例，Webpack.config.js它可能的配置和含义如下：前言ModuleFederation的Webpack.config.js核心配置包括：name+filename

crary,记忆·2025-06-11 19:03

MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例

microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin

crary,记忆·2025-06-11 19:03

前端知识导图

前端知识导图参考：字节标准前端知识导图通用基础1、编程语言HTMLCSSJSTS2、计算机基础计算机网略数据结构算法：二分查找、十大排序、二叉树先中后和层次遍历、集合交并集、leetcode刷题经验编译构建webpack

lucky_jiexia·2025-06-10 22:32

商城前端资源过载，性能差，该如何优化？

针对商城前端资源过载和性能瓶颈问题，可能的优化点包括：1、资源加载优化：除了Webpack的分包，还可以考虑图片压缩、懒加载，使用CDN分发静态资源，减少第三方库的体积，比如按需加载组件库。

万米商云·2025-06-10 06:32

12.vite，webpack构建工具

Vite本身是用现代浏览器原生支持的ESModule（ESM）技术做的，比以前Webpack这种“老一代打包工具”快很多、体验更丝滑。️Vite主要功能：✅超快冷启动（项目刚跑起来很快）✅

xd00002·2025-06-10 03:13

前端打包工具简单介绍

前端打包工具简单介绍一、Webpack架构与插件机制1.Webpack架构核心组成Entry（入口）指定应用的起点文件，比如src/index.js。

Code_Geo·2025-06-09 18:45

webpack面试题

面试题：webpack介绍和简单使用一、webpack（模块化打包工具）1.webpack是把项目当作一个整体，通过给定的一个主文件，webpack将从这个主文件开始找到你项目当中的所有依赖文件，使用loaders

巛、·2025-06-09 18:44

webpack项目配置

目录1.webpack的介绍2.如何使用webpack2.webpack的配置devServer3.webpack的优化1）构建时间的优化(1)thread-loader(2)cache-loader(

少吃一口就会少吃一口·2025-06-09 18:14

Webpack高级配置（干货）

前面简单的配置，看webpack5随笔_webpack5白屏-CSDN博客后续也会重新整理更新目录26.提取css成单独文件27.css兼容性处理28.css压缩-变成一行29.sourcemap30.

dlnu2015250622·2025-06-09 18:13

微前端 - Module Federation使用完整示例

app.module.tsapp.component.tsmicro-app/src/app/app.module.tsapp.component.ts主应用配置安装必要依赖：ngadd@angular-architects/module-federation修改webpack.config.js

crary,记忆·2025-06-08 19:59

webpack-SplitChunksPlugin学习

前言Webpack默认会将尽可能多的模块代码打包在一起，优点是能减少最终页面的HTTP请求数，但缺点也很明显：1页面初始代码包过大，影响首屏渲染性能；2无法有效应用浏览器缓存，特别对于NPM包这类变动较少的代码

coderlin_·2025-06-08 19:27

webpack学习笔记2

Day01铺垫(自学)yarn包管理器(必须)快速、可靠、安全的依赖管理工具。和npm类似,都是包管理工具,可以用于下载包,就是比npm快中文官网地址:https://yarn.bootcss.com/下载yarn下载地址:https://yarn.bootcss.com/docs/install/#windows-stablewindows-软件包(在笔记文件夹里)mac-通过homebrew安

Stevetagelian·2025-06-08 18:56

常用的前端打包工具及对比

常用的前端打包工具及对比WebpackViteRollupParcel总结在前端开发的世界中，打包工具扮演着至关重要的角色，它们帮助我们将分散的代码和资源文件整合成一个或多个优化后的文件，以提高应用的性能和可维护性

暖阳浅笑-嘿·2025-06-08 14:56

前端工具：Webpack、Babel、Git与工程化流程

1.Webpack：资源打包优化工具案例1：多入口文件打包假设项目有多个页面（如首页index.js和登录页login.js），需要分别打包：●配置webpack.config.js：module.exports

一小条咸鱼·2025-06-07 12:58

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S

weixin_34014555·2025-06-07 11:28

前端组件、插件汇总

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S

弹琴弹琴·2025-06-07 11:24

Webpack依赖

Webpack到底怎么对我们的项目进行打包捏？

贩卖纯净水.·2025-06-07 11:24

webpack打包学习

vue开发现在项目里安装vue：npminstallvuevue的文件后缀是.vuewebpack不认识vue的话就接着安插件npminstallvue-loader-D这是.vue文件：{{title

贩卖纯净水.·2025-06-07 11:24

vue笔记-报错

文章目录报错TypeError:Cannotreadpropertiesofundefined(reading'use')vue__WEBPACK_IMPORTED_MODULE_0__.defaultisnotaconstructor

chushiyunen·2025-06-06 00:27

前端工具库lodash与lodash-es区别详解

适用于Node.js环境或通过Webpack/Browserify等工具打包的传统前端项目。示例：javascript复制下载const_=requ

·2025-06-05 22:41

Webpack性能优化：构建速度与体积优化策略

一、构建速度优化1、升级Webpack和Node.js优化效果：Webpack4比Webpack3构建时间降低60%-98%。

前端技术负责人·2025-06-05 05:43

实现自动引入 element-plus +按需引入

npmiunplugin-vue-componentsunplugin-auto-import-D配置：vue.fonfig.jsconstAutoImport=require('unplugin-auto-import/webpack

可爱的橙子大爷·2025-06-05 03:27

vue 3.0使用element-plus按需导入解决

安装#NPM$npminstallelement-plus--savenpminstall-Dunplugin-vue-componentsunplugin-auto-importwebpack配置文件即

Super XX.·2025-06-05 03:27

vue-cli项目按需引入 element-plus

transpileDependencies:true,devServer:{port:8888},configureWebpack:{plugins:[AutoImport({resolvers:[ElementPlusResolver

大前端世界·2025-06-05 03:26

使用 Vue3 + Webpack 和 Vue3 + Vite 实现微前端架构（基于 Qiankun）

本文将详细介绍如何使用Vue3+Webpack作为主项目，Vue3+Vite作为子项目，并通过Qiankun实现微前端架构。主项目配置（Vue3+Webpack）主项目是整个微前端架构的核心，它负

指尖上的 Web·2025-06-05 01:40

构建工具vite详解

类似于Webpack+Webpack-dev-server。其主要利用浏览器ESM特性导入组织代码，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。

简单灬爱·2025-06-04 23:56

vite构建工具初识

一、什么是vitevite官网地址：https://cn.vitejs.dev/Vite是一个由Vue.js作者尤雨溪开发的新一代前端构建工具，它相比于传统的webpack，具有更快的启动速度、更高的开发效率和更简洁的配置方式

jieyucx·2025-06-04 23:24

轻松玩转Vite/Rollup/webpack/esbuild/Rspack/babel插件开发（一）

大家好，我是VoerkaI18n前端多语言解决方案的作者，以下是我的一波开源项目：全流程一健化React/Vue/Nodejs国际化方案-VoerkaI18n无以伦比的React表单开发库-speedform终端界面开发增强库-Logsets简单的日志输出库-VoerkaLogger装饰器开发-FlexDecorators有限状态机库-FlexState通用函数工具库-FlexTools小巧优雅的

stonefisher·2025-06-04 01:39

【前端工程化面试题】简单说一下 vite 的原理

要回答这个问题，首先要知道的知识点有：现代浏览器对esm模块原生支持，参考这篇文章vite是基于模块的构建工具vite相比于其他的构建工具(比如：webpack)的优势在于开发阶段的优化:快速启动，快速热更新然后重点要看一下

我有一棵树·2025-06-04 01:07

深入理解前端中的模块化体系：ESM、CommonJS、AMD 对比与应用场景

模块化不仅提升了代码的复用性、可维护性，也奠定了现代构建工具（如Webpack、Vite）的技术基石。

全栈探索者chen·2025-06-03 19:24

webpack-workshop-2018：前端大师的Webpack课程实战

webpack-workshop-2018：前端大师的Webpack课程实战webpack-workshop-2018Learningresourcesforthewebpackacademyworkshopseriesfor2018

洪显彦Lawyer·2025-06-03 10:22

ES_Module基础（一）

ES_Module简介es_module是ECMA2015提出的模块化规范需要做的是浏览器的本身支持es_modulewebpack是模块化打包工具因为JS没有模块化是它的痛点，所以产生了一些社区规范：

贩卖纯净水.·2025-06-01 15:36

Vue项目打包常见问题

1、打包后不允许生成带.map的文件正常使用npmrunbuild命令打包生成的dist文件中，js文件总会生成一个同名的.map文件，原因如下：‌总结‌：Vue项目生成.map文件是Webpack为支持源码级调试而设计的默认行为

Hannah·2025-05-31 19:18

Speed Measure Webpack Plugin 使用教程

SpeedMeasureWebpackPlugin使用教程项目地址:https://gitcode.com/gh_mirrors/sp/speed-measure-webpack-plugin项目介绍SpeedMeasureWebpackPlugin

陆欣瑶·2025-05-31 12:28

项目 react+taro 编写的微信小程序，什么命令，可以减少console的显示

在Taro项目中，为了减少console的显示（例如console.log、console.info等），可以通过配置terser-webpack-plugin来移除生产环境中的console调用。

PyAIGCMaster·2025-05-30 18:20

【实战】使用这种方式解决前端本地缓存无法更新的问题！一次代码，永久躺平

本文目标让Webpack在每次构建时自动生成一个「时间戳+GitHash」版本号在浏览器启动时对比旧版本号，自动清理本地缓存（localStorage/indexedDB/CacheStorage等）防止加载到过期资源提供从安装到验证的完整

oliver.chau·2025-05-30 17:46

TypeScript打包webpack基本配置

webpack整合通常情况下，实际开发中我们都需要使用构建工具对代码进行打包；TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS；步骤如下：初始化项目进入项目根目录

快乐的小青蛙。·2025-05-30 15:57

关于Webpack打包的一些配置

一、基本配置Webpack是一个静态资源打包工具。它会以一个或多个文件作为打包的入

xxsongtx·2025-05-30 15:56

webpack的基本配置

Webpack是一款JavaScript应用程序的静态模块打包器。

XINGZI H.Z.X·2025-05-30 15:52

webpack打包基本配置

需要的文件具体代码webpack.config.jsconstpath=require('path');constHTMLWebpackPlugin=require('html-webpack-plugin

赵庆明老师·2025-05-30 14:20

webpack突然报错TypeError: Cannot read properties of undefined (reading ‘config‘)

/src/app/globals.css.webpack[javascript/auto]!=!.

zhutoutoutousan·2025-05-30 12:59

css预处理器less和sass

安装1.less：CSS预处理器2.less-loader：Webpack加载器什么是CSS预处理器？CSS预处理器是一种通过扩展CSS语法来提升开发效率的工具。

TC苦瓜·2025-05-29 11:06

webpack原理之-打包流程&热更新HMR

webpack打包流程？

你才是向阳花·2025-05-29 07:35

vue中路径别名

在webpack.base.conf.js中配置在resolve中设置别名resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist

zyue_1217·2025-05-28 19:35

【vue】优化白屏即首次加载时间,针对vue2+webpack

webpack与vue有关配置1打包分析插件-webpack-bundle-analyzer安装npmiwebpack-bundle-analyzer-D配置在对应的webpack配置文件(webpack.prod.conf.js

aiqqvb·2025-05-28 09:25

Webpack与Vite构建工具对比分析

Webpack与Vite深度对比指南目录工具定义历史背景核心设计理念架构与模块解析性能对比生态与插件体系项目选型策略迁移与兼容性未来趋势总结工具定义Webpack类型：静态模块打包工具（Bundle-based

john_Asura·2025-05-27 18:33

推荐频道

【webpack】