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

已于 2024-03-22 14:58:46 修改
阅读量1.6k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端基础 框架 文章标签： 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

Vue实战指南：Vue安装使用Less，解决与Webpack的冲突
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-16 2841
然而，在集成Less到Vue项目中时，我们可能会遇到一些配置上的挑战，特别是当涉及到Webpack这样的构建工具时。在Vue项目中，Webpack通常通过Vue CLI来配置，用以编译和优化我们的代码。通过以上步骤和示例，你应该已经掌握了如何在Vue项目中集成Less，并且知道如何避免与Webpack之间的潜在冲突。接下来就可以开始尝试将Less应用到你的项目中，享受更高效的样式管理带来的便利吧。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。
查看webpack版本
热门推荐
夏狗花花的博客
03-25 2万+
想着搞一下 webpack 的构建优化，网上看到一些方法说是要 webpack4 及以上的才能用。然后就要看看是啥版本来着 —— 查看当前项目的 webpack 版本 1.命令行执行 npx webpack -v （最方便啦） 因为 webpack 是局部安装，要进入依赖包执行webpack的命令才有效，直接 webpack -v 会被认为命令无效。使用 npm 包执行器 npx 可以自动找到对应的包执行命令（一般安装了npm会自动安装npx） 2. 在 package.json 添加 script 命
webpack4和webpack5，为什么要使用5而不用4？
最新发布
qq_60535125的博客
04-02 1116
是两个版本的 Webpack，广泛用于现代前端开发中，它们有一些显著的差异和改进。Webpack 是一个模块打包器，主要用于将 JavaScript 文件、CSS、图片等静态资源打包到一起，以便在浏览器中使用。
查看webpack版本_webpack 上
weixin_39721009的博客
12-11 1879
版本webpack@4安装方法在官网，在webpack后面加个 @4即可学会看文档，如果webpack升级到5了，也可以使用同样思路官网 https://webpack.js.org/使用 npm 或者 yarn// npm npm info webpack version // 查看 webpack 版本号 npm info webpack // 查看 webpack 所有信息 npm in...
如何查看安装的node、vue、webpack以及vue cli的版本信息
2301_76225520的博客
04-02 4141
使用命令：npm list vue由于node自带了包管理工具npm，因此安装webpack使用npm install webpack -g ，webpack全局安装到了本地环境中，就可以使用webpack命令了。
如何查看安装的node、vue、webpack以及vue cli的版本信息(1)
2401_83974783的博客
04-02 1748
由于node自带了包管理工具npm，因此安装webpack使用npm install webpack -g ，webpack全局安装到了本地环境中，就可以使用webpack命令了打开项目文件的package.json文件，便可以查看项目文件中的webpack版本，如下。
Vue CLI4 0 webpack配置属性
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-22 1833
有时候，你可能需要处理一些特殊的文件类型，这时候就需要添加自定义的 loader。module: {rules: [use: [在这个例子中，我们添加了一个处理.md文件的规则，使用和来转换 Markdown 文件。
Vue全家桶之webpack详解(四)
2401_84091468的博客
04-20 898
如果你看到3.6.0，说明你已经成功安装了webpack3.6.02、准备工作首先创建如下文件和文件夹dist文件夹： 用于存放之后打包的文件src文件夹： 用于存放我们写的源文件main.js项目的入口文件定义了一些数学工具函数，可以在其他地方引用，并且使用。index.html浏览器打开展示的首页html通过npm init生成的，npm 包管理的文件2.1、js文件的打包现在的 js 文件中使用了模块化的方式进行开发，他们可以直接使用吗？不可以。
webpack面试题(持续汇总ing。。。)
g841805的博客
04-25 1394
webpack的热更新又称热替换（Hot Module Replacement），缩写为HMR。这个机制可以做到不用刷新浏览器而将新变更的模块替换掉旧的模块。HMR的核心就是客户端从服务端拉去更新后的文件，准确的说是 chunk diff (chunk 需要更新的部分)，实际上 WDS 与浏览器之间维护了一个Websocket，当本地资源发生变化时，WDS 会向浏览器推送更新，并带上构建时的 hash，让客户端与上一次资源进行对比。
webpack的学习复习笔记，包括（webpack使用、webpack配置、webpack服务器等）
weixin_60896381的博客
07-07 759
本文包含 webpack 使用等内容，参考于 黑马PPT 通过自己理解整理，所以这是一篇用于小白新手入门，或者复习使用的笔记，主要包括（webpack使用、webpack配置、webpack服务器等）
webpack版本查看_安装webpack
weixin_39678531的博客
01-26 1万+
安装Webpack前的准备工作：1. 由于 webpack 执行打包压缩时依赖 nodeJS，先确保你的系统安装了nodeJS 5.0.0 及以上的版本。2. 因为 npm 是 nodeJS 平台默认的包管理工具，这里用 npm 安装 webpack。Webpack有两种安装方式： 全局安装：安装Webpack到全局后，可以在任何地方共用一个Webpack可执行文件，而不用各个项目重复安装。局部安...
webpack 安装 及 查看版本号
zhaou_csdn的博客
05-26 2699
安装完node（自行找node安装教程）之后 执行以下命令： npm i webpack -g npm i webpack-cli -g 查看是否安装成功 或查看原来安装的webpack版本号，执行以下命令： npx webpack -v j局部安装 直接webpack -v 会报错 ，所以建议直接用以上命令执行 ...
如何查看项目webpack版本
qq_39594951的博客
09-11 2861
1.在项目的package.json文件,里面的scripts脚本命令中添加: “webpack”:“webpack --version” "scripts": { "webpack":"webpack --version" }, 然后在启动项目时用npm run webpack
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值