Webpack & Webpack-cli 安装成功后查看 webpack -v报错

最新推荐文章于 2022-12-21 08:14:45 发布
最新推荐文章于 2022-12-21 08:14:45 发布
阅读量2.9k 收藏 1
点赞数 3
分类专栏： webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/walker_wq/article/details/109547764
版权
问题1. 安装webpack webpack-clinpm install -g webpack webpack-cli2. 查看webpack 版本webpack -v报错/usr/local/lib/node_modules/webpack/lib/cli.js:66 .replace( ^SyntaxError: Invalid regular expression: /(\p{Uppe
摘要由CSDN通过智能技术生成

问题

1. 安装webpack webpack-cli

npm install -g webpack webpack-cli
在这里插入图片描述

2. 查看webpack 版本

webpack -v

报错

/usr/local/lib/node_modules/webpack/lib/cli.js:66
                        .replace(
                        ^

SyntaxError: Invalid regular expression: /(\p{
   Uppercase_Letter}+|\p{
   Lowercase_Letter}|\d)(\p{
   Uppercase_Letter}+)/: Invalid escape
    at pa
最低0.47元/天 解锁文章
麻花是花名
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
如何查看安装的node、vue、webpack以及vue cli的版本信息
m0_56175058的博客
04-20 917
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
webpack 相关知识梳理
m0_62877814的博客
01-05 2561
webpack相关知识
webpack使用详解
ScottePerk的博客
11-18 2405
官方定义：从本质上来说，webpack是一个现代的JavaScript的静态模块打包工具。webpack是前端工程化的一个解决方案。提供了前端模块化功能支持，模块混淆，代码压缩，处理浏览器JS兼容性，性能优化等强大功能。
安装webpack 后查询webpack版本报错
weixin_43794803的博客
07-01 1967
报错信息： 解决方法：1.npm install -g webpack-cli2.npm install --save-dev webpack-cli //同步到局部项目文件夹下再次检查版本成功！但是提示：webpack-dev-server not installed于是再次执行命令： npm install --save-dev webpack-dev-server 成功！...
webpack打包原理--webapck-cli及Tapable
xuan的博客
07-01 440
（1）作用（2） 命令行工具包 yargs （3）webpack-cli 使用 args 分析参数分组 (config/config-args.js)，将命令划分为9类：（4） webpack-cli 执行的结果1、webpack-cli对配置文件和命令行参数进行转换最终生成配置选项参数 options2、最终会根据配置参数实例化 webpack 对象，然后执行构建流程 （1）意义Tapable 是一个类似于 Node.js 的 EventEmitter 的库, 主要是控制钩子函数的发布 与订阅,控制着
webpack 使用webpack-dev-server 报错
enternal07的专栏
05-25 1259
使用webpacke 版本 5.23.0 ✖ ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match theAPI schema. - configuration has an unknown property 'mode'. These properties are valid: object { amd?, bail...
webpack运行报错 webpack-dev-server.... 解决方法
sunshime的博客
07-31 5471
报错情况： The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using y...
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
主要介绍了webpack4+Vue搭建自己的Vue-cli，对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛,感兴趣的朋友跟随脚本之家小编一起看看吧
基于webpack4+vue-cli3项目实现换肤功能
12-09
最近因公司需求，需要实现主题换肤功能，不仅仅是颜色的更改，还需要包括图片，字体等文件等更换，因此在百度里各种实现方案后，决定根据scss+style-loader/useable做换肤。 项目开始 首先我们用vue-element-admin这...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
主要介绍了vue-cli webpack打包开启Gzip 报错问题的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
webpack+vue-cli项目中引入外部非模块格式js的方法
10-17
今天小编就为大家分享一篇webpack+vue-cli项目中引入外部非模块格式js的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli与webpack处理静态资源的方法及webpack打包的坑
12-09
通过Vue-cli进行webpack打包的坑 Vue-cli为Vue项目搭建的脚手架的确很方便，但打包时容易出现空白页，或者对应的静态资源加载不了。  我是通过将项目/config下的index.js的assetsPublicPath变成’./’，变成相对...
webpack-cli 在 webpack 打包中的作用
老司机的后备箱
06-30 439
webpack 是一个静态的模块化打包工具，为现代的JavaScript应用程序服务打包 bundler：webpack可以帮助我们进行打包，所以它是一个打包工具静态的static：将代码打包成最终的静态资源（部署到静态服务器）模块化module：webpack默认支持各种模块化开发，ES Module、CommonJS、AMD等现代modern：前端开发的各种问题，催生了webpack的出现webpack 安装 webpack 从 4.0 版本开始，在安装时，就必须要安装这两个东西。webpack 是打包
安装了webpack和webpack-cli，但是运行webpack命令报错
热门推荐
ken_ding的博客
06-05 1万+
安装的webpack版本是4.9.1，webpack-cli版本号是2.1.4。运行webpack命令提示： One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: webpack-cli (https://github.com/webpack/w...
Vue2之webpack篇（一）
申小兮和林小兮的博客宝
12-21 7532
传统开发模式、ES6模块化、CommonJS规范、webpack概念、webpack配置文件、项目管理文件
查看webpack 和webc-cli版本号
Mecying的博客
04-12 1444
查看命令是：.\node_modules\.bin\webpack -v 开头是有个“."的 安装步骤： ​​​​​​
webpack使用方法（一）：安装webpack
simpleasong的博客
02-19 7217
安装Node.js 首先，webpack是构建在Node.js的基础之上的，所以安装webpack之前，需确保本地安装了Node.js。 Node.js官网：https://nodejs.org/en/ 这里有两个版本可供选择，对于开发用户，推荐下载LTS版本（长期支持版本），建议安装最新版本的Node.js，因为老的版本可能会缺失webpack的一些功能。点击安装一直下一步下一步就好了。 在命令行中输入node -v，能看到node的版本号表示已经安装成功了。 node安装成功的同时，会有另一个工具安装
webpack和webpack -cli安装
最新发布
07-28
webpack和webpack-cli是两个相关的工具，用于构建和管理前端项目中的模块和资源。 要安装webpack和webpack-cli，可以使用npm或者yarn进行安装。全局安装webpack和webpack-cli的方式是通过在终端中运行以下命令： ``` npm install -g webpack webpack-cli ``` 或者 ``` yarn global add webpack webpack-cli ``` 这样就会将webpack和webpack-cli安装到全局环境中，可以在终端中直接使用webpack命令。 另一种方式是在项目中进行局部安装，这样可以将webpack和webpack-cli安装到项目的node_modules目录下。可以通过以下命令进行安装： ``` npm install webpack webpack-cli --save-dev ``` 或者 ``` yarn add webpack webpack-cli --dev ``` 安装完成后，可以通过在终端中运行`node_modules/.bin/webpack`命令来使用项目中安装的webpack。另外，如果在项目的package.json文件中定义了scripts字段，并包含了webpack命令，可以通过`npm run build`命令来运行项目中的webpack。 总结起来，全局安装webpack和webpack-cli可以直接在终端中使用webpack命令，而局部安装可以通过`node_modules/.bin/webpack`命令或者通过npm scripts来运行webpack。 #### 引用[.reference_title] - *1* *3* [webpack安装与使用（详细）](https://blog.csdn.net/qq_43812504/article/details/125455896)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [1-1为什么选择webpack 和安装 webpack](https://blog.csdn.net/weixin_42116704/article/details/84201546)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值