webpack 有多个版本问题

最新推荐文章于 2025-09-11 00:18:43 发布
原创 最新推荐文章于 2025-09-11 00:18:43 发布 · 858 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #vue #java #webpack

1. 电脑上全局安装的 webpack 版本是5.50.0

在这里插入图片描述

2. 项目 package.json 中引用的版本是3.6.0

在这里插入图片描述

3.install下来的node_modules中，version是3.12.0

在这里插入图片描述

结论：

会使用3.12.0的,相比较于全局来讲，会优先使用具体项目中的模块配置

项目中的配置应该是"webpack": “^3.6.0”
^ 的意思是表示下载当前大版本的最新版本
所以下载下来就是3.12.0版本的






webpack 之 webpack 构建速度和体积优化的高版本设置、多进程多实例构建、多进程多实例并行压缩、预编译资源模块、缓存优化速度和缩小构建目标
浮生离梦的博客
04-10 1074
一、webpack 构建速度和体积优化的高版本设置、多进程多实例构建、多进程多实例并行压缩、预编译资源模块、缓存优化速度和缩小构建目标 构建速度优化，使用高版本的 webpack 和 Node.js，构建时间降低了 60% - 98%。使用 webpack4 的优化原因，如下所示： V8 带来的优化，for of 替代 forEach、Map 和 Set 替代 Object、includes 替代 indexOf 等等 默认使用更快的 md4 hash 算法 webpack AST 可以直接从 loa
webpack多个Html,使用webpack构建多页面应用
weixin_42546361的博客
06-19 861
关于webpack的配置和使用，网上已经有许多文章了，大多是在讲单页应用，当我们需要打包多个html时，事情就变得麻烦起来。怎么在webpack-dev-server里使用路由？怎么打包多个html和js chunk并自动更新md5？本文讲的就是如何解决这些问题。这里假设你对Webpack已经有最基础的了解需求来看下我们的需求:使用webpack-dev-server做开发时的服务器在webpac...
【webpack】webpack多版本控制方案
weixin_30414305的博客
11-03 267
项目中有这么一个需求，就是按需启动mock功能。考虑到mock只是在特定情况下，所以考虑通过 cross-env 来处理。 cross-env修改生产环境变量 我想要的最终效果是npm run dev:mock 来启动mock，所以先安装 cross-env npm i --save cross-env 找到 /config/dev.evn.js ，添加MOCK变量 mod...
Webpack 5.102.0 重磅发布：性能革命与核心特性全解析
最新发布
gitblog_00452的博客
09-11 306
你是否还在为大型项目的构建速度而烦恼？Webpack 5.102.0 版本带着一系列性能优化和实用新特性来了！本文将带你全面了解这些更新，让你的前端构建效率提升30%，同时掌握最新的模块化打包技巧。读完本文，你将能够：优化90%的构建时间、实现零配置Tree-shaking、掌握Module Federation高级用法、解决90%的生产环境打包问题。 ## 性能优化：从分钟到秒的突破 Web...
webpack多版本控制方案
recoLuan
11-03 1081
项目中有这么一个需求，就是按需启动mock功能。考虑到mock只是在特定情况下，所以考虑通过 cross-env 来处理。 cross-env修改生产环境变量 我想要的最终效果是npm run dev:mock 来启动mock，所以先安装 cross-env npm i --save cross-env 找到 /config/dev.evn.js ，添加MOCK变量 module....
webpack:webpack安装全过程-注意wp版本
m0_49888984的博客
08-17 282
笔记webpack:webpack安装全过程-注意wp版本 1、什么是webpack Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack。 2、简单使用下webpack 2.1、首先我在 c 盘下新建一个webpack-demo1的文件夹，然后命令行进入该目录，执行 npm init --yes 项目初始化，该命令会在文件下生成一个package.json文件，该命令也可以是 npm init ，这
webpack时候插件版本冲突问题处理
良之才的专栏
07-07 2238
webpack用来打版js 写在npm scripts里才会去找node_modules里的webpack，直接命令行运行就是全局的。 直接运行时候，本地的版本冲突，所以在package.json中修改插件版本后，通过script进行启动后冲突得到解决。 ------------------------- 详细的不多写了，npm的不同版本间的奇葩bug太多，而且需要去github社区中去详...
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
11-28
在vue的实际开发中往往会遇到公用一个组件的问题，比如有一个菜单中的两个按钮，点击每个按钮调用的是同一个组件，其内容是根据路由的参数的不同来请求不同的内容。 第一步，首先新建一个vue+webpack+vuecli的demo，...
若依vue3,基于webpack(非vite版本)
01-02
Webpack，则是JavaScript应用程序的模块打包工具，用于处理和构建前端资源，将各种依赖关系组织成一个或多个可部署的静态资源。 "若依"是一个开源的UI框架，提供了丰富的组件和模板，用于快速构建美观且响应式的...
使用angular-cli webpack创建多个包的方法
01-19
有没有一种方法可以将主包分为多个基于懒惰加载的路由模块的文件？ 下面是角度-cli.json中的配置 { project: { version: 1.0.0-beta.15, name: maddy-test-project }, apps: [ { root: src, outDir: dist, ...
详解webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)
08-30
本文将深入讲解Webpack的基础知识，包括按需异步加载、CSS单独打包和生成多个入口文件。 1. **按需异步加载**： 按需异步加载是提升网页性能的关键技术，它允许我们在需要时才加载某些模块，而不是一次性加载整个...
Webpack 各版本 ( v1 - v4 ) 的区别
一只路过的小码农
06-03 7062
前不久，研究了Webpack 4.X的整体配置，本篇文章我们研究 webpack各版本的区别 包括 v1,v2,v3,v4 文章目录Webpack：v1 与 v2 的区别 Webpack：v1 与 v2 的区别 新增对ES6语法的支持 支持tree-shaking（减少打包后的体积） ...
react搭建中，遇到 webpack 版本不对应问题
weixin_46138124的博客
04-19 697
webpack npm指定版本安装对于一些项目，webpack的最新版本可能对不上项目已置版本的条件，运行会报错，需要安装对应的版本即可： 对于一些项目，webpack的最新版本可能对不上项目已置版本的条件，运行会报错，需要安装对应的版本即可： 1、删除全局webpack-cli npm uninstall -g webpack-cli 删除本地（局部）webpack-cli npm uni...
webpack版本及对应的插件版本记录
ccxbt的博客
05-18 3470
webpack版本及对应的插件版本记录
webpack重复打包同名依赖包
维K豆的博客
09-27 7538
最近安装了webpack-bundle-analyzer插件来分析打包构成，发现有一些包被重复的打包了多次，这样会让构建出来的包格外的臃肿。这主要是因为我们往往引用了很多的第三方包，而很多工具类的库也会被别的包间接的依赖，所以就导致了重复打包的现象，例如下图的immutable.js。 其实想解决也很简单，在webpack的resolve下面添加如下配置： alias: { ...
wepack的各个版本差异？
renqq001的博客
12-20 866
wepack的各个版本差异
当下常用的webpack版本_带你走进webpack世界，成为webpack头号玩家，分享前端学习资料...
weixin_39635130的博客
11-24 546
前段时间《头号玩家》刷爆了朋友圈，斯皮尔伯格一个资深电影导演，把对过去经典的致敬，对未来的憧憬浓缩在这一部电影中，可以说让观众燃了起来。观望整个前端开发，不断的演化，发展迅速。前端开发从最开始切页面, 前端自动化构建工具日新月异，从最初的Grunt,Gulp到现在前端项目可以说标配的webpack。我们先来致敬经典:本文目录1. 什么是webpack?可以看做一个模块化打包机，分析项目结构，处理模...
遇到vue 前端npm i 报错多个版本不一致 可以强行解决
weixin_54397440的博客
03-13 1726
-force。
2023-04-17：vue_node_npm：Vue项目启动时依赖版本冲突问题
weixin_45805749的博客
04-17 1575
vue_node_npm：Vue项目启动时依赖版本冲突问题
webpack多入口配置实战指南
"详解如何快速配置webpack多入口脚手架" 在现代前端开发中，Webpack 是一个关键的模块打包工具，它能够处理 JavaScript、CSS、图片等资源，并将其打包成可部署的静态文件。在多项目开发环境中，尤其是团队协作时，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值