webpack版本及less等版本的查看方式（持续添加）

已于 2024-03-22 14:58:46 修改
阅读量977 收藏 1
点赞数 1
分类专栏： 前端基础 框架 文章标签： webpack less vue.js
于 2022-02-23 16:59:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DespairA/article/details/123094261
版权

1.查看webpack的版本

npm view webpack versions

得到如下

2.查看less-loader版本

npm view less-loader versions

得到如下

 

安装指定版本less-loader

查看npm的版本

npm -v

查看脚手架的版本

vue -V

安装less-loader和less的版本要匹配

npm install --save-dev less-loader@4.1.0 less@3.9.0 --force

渴望看海的少年
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
查看webpack版本
m0_55070913的博客
03-10 3万+
想着搞一下 webpack 的构建优化，网上看到一些方法说是要 webpack4 及以上的才能用。然后就要看看是啥版本来着 —— 查看当前项目的 webpack 版本 1.命令行执行 npx webpack -v （最方便啦） 因为 webpack 是局部安装，要进入依赖包执行webpack的命令才有效，直接 webpack -v 会被认为命令无效。使用 npm 包执行器 npx 可以自动找到对应的包执行命令（一般安装了npm会自动安装npx） 2. 在 package.json 添加 script 命
[vue] node / node-sass / sass-loader 版本对应
jinwenshuo2007的博客
12-23 1418
node / node-sass / sass-loader 版本对应
webpack5详细教程（5.68.0版本）
最新发布
油墨香^-^的博客
05-27 1079
（2）配置：​​​​​​​​​​​​​​通过DefinePlugin实现新建 config/dev.env.js​​​​​​​​​​​​​​​​​​​​​。
使用 less
超级小恐龙~
04-18 420
npm install less@4.1.1 less-loader@7.3.0 --save-devnode ：16.4.0
史上最全webpack带你深入了解webpack
m0_62371650的博客
09-14 2195
史上最全webpack带你深入了解webpack
webpack4 升级至 webpack5 过程总结
渣渣宇的博客
09-03 7001
本文章记录本次从webpack4框架升级为webpack5之后衍生出来的所有更改 框架主体为 zzy-javascript-frame(地址在文末) 此项目为自行开发构建，包含原 webpack4 版本 和升级后的 webpack5 版本 框架技术栈为 react、react-router、HOOK、react-redux(已安装，未使用)、antd-mobile(UI框架) 插件相关改动 ...
Unity 2021.3.6f1 Crack
热门推荐
jack_dos的博客
09-14 2万+
Unity Crack
less-loader安装
buterra的博客
04-24 1075
在VScode的终端窗口安装less-loader时出现如下错误主要原因是权限不够右键vscode——>在导航栏选择兼容性一栏，勾选以管理员身份运行此程序，点击应用——>重启VScode即可。
前端项目开发踩的一些坑
Seay123456的博客
04-05 1740
在vue-cli中使用less 要安装插件less 和less-loader，注意安装的时候要对应webpack的版本号。默认安装是最新的，但是跟vue-cli使用的webpack版本不匹配，所以应该先卸载已经安装的 npm uninstall less --save npm uninstall less-loader --save 之后重新安装低版本的，我用vue-cli默认的webpack，也不清楚具体是什么版本，如果能知道自己webpack的版本，可以参考这篇文章找到对应的less 和less-l
Webpack使用培训.pptx
08-23
Webpack 4.0版本开始支持零配置（zero-config）的特性，这意味着对于简单的项目，开发者可以快速上手，而不需要编写大量的配置。然而，对于大型复杂项目，丰富的配置选项则提供了极大的灵活性和可定制性。 总的来说...
animate.less
02-20
在实际开发中，要使用Animate.less，你需要先确保项目已经配置了LESS编译环境，例如使用Grunt、Gulp或Webpack等构建工具。然后，你可以引入animate.less文件，并根据需要在自己的LESS代码中调用或扩展动画效果。这样...
WM_01_邂逅webpack1
08-04
4. **现代特性（Modern）**：Webpack 配合ES6+、TypeScript、预处理器（如Sass、Less）等现代开发工具，提升了开发效率和代码质量，适应了前端开发的快速发展。 【Webpack的工作流程】 Webpack 的工作流程主要包括...
JavaScript_用于vjs开发的基于webpack的工具.zip
05-20
6. ES6+语法：了解并使用ES6及后续版本的新特性，如箭头函数、模板字符串、解构赋值、async/await等。 7. 测试和调试：学习如何使用Jest或Mocha等测试框架编写单元测试，以及使用浏览器开发者工具进行调试。 8. ...
react-react集成webpack4和antd按需加载支持配置主题
08-14
Webpack 4是其最新稳定版本，提供了更快的编译速度和更好的性能优化。 二、React集成Webpack 4 1. 安装依赖 首先，你需要在项目根目录下初始化一个新的Node.js项目，并安装必要的依赖，包括`webpack`, `webpack-cli...
less-loader 报错
weixin_44224712的博客
06-01 1533
在下载相应的版本，可以先通过指令 npm view less-loader versions 查看当前所有的less-loader版本，之后在进行下载，比如webpack是4xxx版本的，可以用 npm install less-loader@7.3.0 --save-dev。--save -dev（xxxx特定的版本号），查看版本号的指令 npm view less-loader versions。命令：npm install less-loader --save -dev。此处会出现第二个报错。
less 经典范例 bootstrap 的 less 版本 常用 less 代码
weixin_30716141的博客
07-28 360
1.bootstrap 的 less 版本 2.less 文件分布 /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/...
vue webpak版本 查看_vue-cli webpack 项目版本升级
weixin_30194213的博客
01-17 2526
包含 webpack@4 和 babel-loader@8 以及打包部分优化一键升级package.json 文件 依赖版本数手动去修改dependencies中各个包的版本号太慢，so 借助了npm-check-updates工具，一键将package.json中的依赖包版本号更新为最新版本。1、global install npm install -g npm-check-updates2...
webpack安装卸载、查看版本号本地和全局的优先级的说明
newway007的博客
12-08 2161
webpack安装和卸载以及查看版本的命令： ## 全局安装： cnpm i webpack webpack-cli -g ## 局部安装： cnpm i webpack webpack-cli -D ## 全局卸载 cnpm uninstall webpack webpack-cli -g ## 局部卸载 cnpm uninstall webpack webpack-cli ...
如何查看webpack版本
09-26
### 回答1： 你可以通过在终端中运行以下命令来查看全局安装的 webpack 版本： ``` webpack -v ``` 如果你想在项目中查看 webpack 的版本，可以在项目的根目录下运行以下命令： ``` npm list webpack ``` 这将列出项目中所有安装的 webpack 包及其版本号。 ### 回答2： 要查看webpack的版本，可以采取以下几种方法： 1. 使用命令行工具：在终端窗口中输入命令`webpack -v`，回车后将显示webpack的版本号。 2. 查看package.json文件：进入项目根目录，找到package.json文件，用文本编辑器打开。在其中，可以找到一个名为`"webpack"`的依赖项，其后面的版本号就是当前项目使用的webpack版本。 3. 使用npm或yarn命令：在终端窗口中输入命令`npm list webpack`或`yarn list webpack`，回车后将显示当前项目中所有安装的webpack版本。 以上方法可以在终端中查看全局或项目中的webpack版本。如果希望在具体的文件中查看webpack的版本，可以在代码中使用`console.log(require('webpack').version)`来输出webpack的版本号。 ### 回答3： 查看webpack版本有多种方式。下面是其中几种常用的方法： 1. 使用命令行： - 打开终端或命令提示符窗口。 - 输入`webpack -v`命令并按回车键。 - 系统将显示webpack的版本号。 2. 查看项目的package.json文件： - 打开项目的根目录。 - 找到并打开package.json文件。 - 在该文件中找到与webpack相关的依赖项，通常是名为"webpack"的字段。 - 该字段的值即为webpack的版本号。 3. 使用npm或yarn命令： - 打开终端或命令提示符窗口。 - 进入项目目录。 - 输入`npm list webpack`或`yarn list webpack`命令并按回车键。 - 系统将列出所安装的webpack包及其版本号。 4. 使用浏览器控制台： - 运行项目的任意页面。 - 在浏览器中按下F12键或右键并选择“检查元素”选项。 - 切换到“控制台”选项卡。 - 输入`WEBPACK_VERSION`并按回车键。 - 控制台将输出webpack的版本号，如果webpack已正确加载。 以上是几种常用的查看webpack版本的方法，您可以根据自己的环境和需求选择其中的一种方法来查看webpack的版本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值