首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏今天你敲代码了吗

    webpack-cli和它的自定义命令行

    今天我要给大家带来webpack-cli的原理浅析和它的自定义命令行工具 事情是这样的,最近在看webpack相关教程,然后发现教程中讲webpack-cli中使用yargs模块解析命令出于好奇,我就当场拉了 webpack-cli的代码,发现使用命令解析的并不是yargs而是commander啊! 我找了webpack-cli历史版本,经查证后: 从webpack-cli 4.0.0后,不仅目录结构发生了较大的变动外,自动生成命令行也换成了commander。 在packages/webpack-cli/src/webpack-cli.ts中的run方法中,对参数进行处理。 webpack-cli 原理 其实webpack-cli就是将cli参数和webpack配置文件中的配置整合得到完整的配置对象。 通过解析命令行模块解析命令行参数。

    1.1K20编辑于 2022-11-29
  • 来自专栏java 微风

    解决: Cannot find module ‘webpack-clibinconfig-yargs‘、Error: Cannot find module ‘webpack-cli

    解决方法:先全局安装少的这个: npm install webpack-cli -g 再正常执行 webpack 安装命令: npm install webpack -g npm install webpack

    50130编辑于 2022-04-13
  • 来自专栏生如夏花绚烂

    Cannot find module 'webpack-cli/bin/config-yargs'

    webpack编译遇到问题 Cannot find module 'webpack-cli/bin/config-yargs' 原因 webpack-cli与webpack-dev-server版本不兼容 解决办法 1.降级webpack-cli 卸载当前的 webpack-cli npm uninstall webpack-cli 安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D 在次运行webpack-dev-server即可 2.最新的webpack-cli已经包含了webpack-dev-server的功能, npm i @webpack-cli

    62030编辑于 2022-09-08
  • 来自专栏Dawnzhang的开发者手册

    visual studio code运行时报错,Cannot find module 'webpack'

    _compile (/usr/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:178:30) /bin/convert-argv.js:133:13) at requireConfig (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js (/usr/lib/node_modules/webpack-cli/bin/webpack.js:234:39) at Object.parse (/usr/lib/node_modules /webpack-cli/node_modules/yargs/yargs.js:539:18) at /usr/lib/node_modules/webpack-cli/bin/webpack.js <anonymous> (/usr/lib/node_modules/webpack-cli/bin/webpack.js:504:3) at Module.

    2.5K30发布于 2018-12-24
  • 来自专栏全栈程序员必看

    VUE调试工具

    Error: Cannot find module ‘webpack-cli/package.json’这个问题,尝试了npm install webpack-cli -g、npm run build, ,大佬还给出了解决办法:npm rm -g webpack-cli And in the project npm i -D webpack-cli,That did it for me。 ‘webpack-cli/package.json’ 我在想我是不是输错命令了,于是重新尝试了 npm i -g webpack-cli (原来的命令是npm i -D webpack-cli )、npm run build,接着报错: 看了以下,全局安装webpack-cli,重新编译会报错:[webpack-cli] Unknown argument: –hide-modules ,不全局安装而是采用如下命令安装 npm i -D webpack-cli ,重新编译会报错:Error: Cannot find module ‘webpack-cli/package.json’

    2.1K40编辑于 2022-11-04
  • 来自专栏大宇笔记

    webpack5打包一个TS 库并发布到npm 一条龙实战教程(附模板代码)

    文章目录 前言 一、新建项目 package.json 二、安装webpack 和 webpack-cli 三、 webpack-cli init 选择配置 选择语言 是否使用webpack-dev-server 新建项目 package.json 安装webpack 和 webpack-cli webpack-cli init 选择配置 webpack5 资源打包默认方案 ts 声明文件没有产生处理 发布包到npm 一、新建项目 package.json 创建新项目,这里我取名webpack5-ts-lib-boilerplate 然后通过yarn init 命令创建项目 二、安装webpack 和 webpack-cli 安装webpack 和 webpack-cli 到项目开发依赖,这里我选择的版本是最新版本。 yarn add webpack webpack-cli -D 三、 webpack-cli init 选择配置 执行下面命令: yarn webpack-cli init 这时候进入选择配置模式,

    3.1K30编辑于 2022-03-09
  • 来自专栏搞前端的李蚊子

    webpack 中版本兼容性问题错误总结

    1.安装webpack-dev-server 报错,说需要webpack-cli,原因,这两个之中某一个版本太高。 ,重新安装低版本 2.安装webpack-cli ,然后还是不能使用, 3. npm WARN webpack-cli@3.0.8 requires a peer of webpack@^4.x.x but 说明安装的Webpack版本太高,切换到,---》》》》》》》》》"webpack": "^3.6.0", 4.最后安装 "webpack-cli": "^3.0.0", 5.安装"webpack-dev-server Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D

    5.5K20发布于 2018-10-18
  • 来自专栏云计算linux

    Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法

    webpack.dev.conf.js internal/modules/cjs/loader.js:797 throw err; ^ Error: Cannot find module 'webpack-cli log of this run can be found in: Webpack 踩坑笔记: webpack-dev-server 启动命令失败(Error: Cannot find module ‘webpack-cli /bin/config-yargs‘) 果然是版本的问题,引发的血案,之前 "webpack-cli": "^3.3.12", "webpack": "4.16.5", "webpack-bundle-analyzer ": "2.13.1", "webpack-cli": "^3.1.0", "webpack-dev-server": "^3.1.5", 认真查询后发现,应该降级webpack-cli的版本, 执行: npm uninstall webpack-cli npm install webpack-cli@3.1.0 --save-dev 启动成功!

    51010编辑于 2024-12-13
  • 来自专栏全栈程序员必看

    webpack开发环境和生产环境_webpack开发环境和生产环境

    安装webpack5 安装命令 cnpm install -g webpack 安装过程中,会弹出询问是否要安装webpack-cli,我们选择y We will use "npm" to install the CLI via "npm install -D webpack-cli". Do you want to install 'webpack-cli' (yes/no): y 如果安装过程中报了以下错误 Error: Cannot find module 'webpack-cli /package.json' 解决方案:全局安装webpack-cli npm i -g webpack-cli 最后使用webpack -v来验证安装结果,出现以下结果代表安装成功 ➜ ~ webpack -v webpack 5.43.0 webpack-cli 4.7.2 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164853.html原文链接

    2.7K20编辑于 2022-09-19
  • 来自专栏全栈程序员必看

    webpack(10)webpack-dev-server搭建本地服务器「建议收藏」

    代表开发环境,以上我们的配置就算完成了 webpack-dev-server启动报错 然后我们启动命令npm run dev,程序出现以下报错: Error: Cannot find module 'webpack-cli /bin/config-yargs' 原因是webpack-cli的版本问题,我们先来看以下我们的版本 "webpack": "^5.44.0", "webpack-cli": "^4.7.2", "webpack-dev-server ": "^3.11.2" 解决方案1 降低webpack-cli的版本,从4降到3 1.卸载webpack-cli npm uninstall webpack-cli 2.安装webpack-cli@3

    83110编辑于 2022-09-19
  • 来自专栏前端技术总结

    超详细!webpack入门教程(一)

    --第四步,安装webpack-cli: 注意:如果安装的是webpack v4+版本,则还需要安装webpack-cli或者webpack-command,否则webpack命令运行不了。 执行: npm uninstall webpack-cli //卸载本地安装的webpack-cli npm install -g webpack-cli//全局安装webpack-cli npm install --save-dev webpack-cli //把webpack-cli安装到devDependencies 这里我安装的是webpack-cli 先全局安装,再--save-dev安装后,可以看到 package.json中增加webpack-cli: { "name": "example", "version": "1.0.0", "description": "for : "lynnshen", "license": "ISC", "devDependencies": { "webpack": "^4.17.1", "webpack-cli

    22.8K2168发布于 2018-08-25
  • 来自专栏White feathe 的博客

    webpack5.x 遇到的问题

    vue-template-compiler 截止2020-11-17日没有了,新增了 @vue/compiler-sfc 更新问题3 使用webpack5,如下配置出现的问题 "webpack": "^5.4.0", "webpack-cli ": "^4.2.0", "webpack-dev-server": "^3.11.0" 问题: 解决方案1: 由于webpack-cli版本4,删除了webpack-cli/bin/config-yargs { from: "other", to: "public" }, ], }), ], }; 参考资料见:copy-webpack-plugin 更新问题5 webpack-cli

    79610编辑于 2021-12-08
  • 来自专栏山行AI

    前端之一vue入门

    These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpack /webpack-cli) The original webpack full-featured CLI.We will use "npm" to install the CLI via "npm install -D".Do you want to install 'webpack-cli' (yes/no): yesInstalling 'webpack-cli' (running 'npm install -D webpack-cli')...npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\admin

    69940发布于 2019-07-12
  • 来自专栏ouorz.com

    webpack 4.x 之安装与简单使用操作

    安装 npm 第二步 npm install webpack -g 安装完 webpack 后我们打开 package.json 文件发现有了 webpack 的版本 第三部 npm install webpack-cli -g //注意:webpack 和 webpack-cli安装目录要一致; webpack-cli 一定要装,安装完后我们发现 package.json 里有了 webpack-cli 的版本 第四步

    50830编辑于 2022-11-17
  • 来自专栏全栈程序员必看

    webpack版本问题_webpack查询有没有安装

    卸载后重新安装 卸载 重新安装 卸载 #卸载全局 npm uninstall -g webpack-cli npm uninstall -g webpack #卸载局部 npm uninstall webpack-cli uninstall webpack 重新安装 npm install -g --save-dev webpack@version #不指定版本,默认安装最新 npm install -g --save-dev webpack-cli

    91330编辑于 2022-09-22
  • 来自专栏服务器运维笔记

    使用 webpack 的 node api 学习 webpack

    $ webpack 调用执行 webpack 包对应的 bin/webpack.js 文件,然后继续调用 webpack-cli 包 调用执行 webpack-cli1 包对应的 bin/cli.js 图片 Q:既然直接将参数传递给 webpack 函数即可,那 webpack-cli 的主要作用岂不是读取文件? 学习配置一时,切换到 f1,学习配置二时,切换到 f2 f1().run((err, stat) => { // console.log(stat.toJson()) }) 参考资料 [1] webpack-cli :https://github.com/webpack/webpack-cli/tree/master/packages/webpack-cli [2] react-scripts:https://github.com

    91430编辑于 2022-11-02
  • 来自专栏zaking's

    走近webpack(1)--多入口及devServer的使用

    错误说让你安装webpack-cli,行吧,那么咱们再安装一下webpack-cli。 npm install webpack-cli -D   安装完webpack-cli,我们兴致勃勃地去npm run server,发现又TM错了,咋个回事。    在你安装完webpack-cli后,会提示你一些安装包(webpack-cli,webpack-dev-server等)需要webpack版本在4.0以上,如果你不当回事继续npm run server

    1.9K50发布于 2018-05-02
  • 来自专栏娱乐心理测试

    vue运行报错:Cannot find module 'webpack/bin/config-yargs'

    从网上下载的一个vue项目,终端执行:npm run dev 时,报错如下图: 报错原因 从上述报错中可以看到,需要安装webpack-cli 终端输入:npm install webpack-cli

    2.4K20发布于 2018-12-14
  • 来自专栏移动大前端

    Webpack01-简单入门之项目打包

    一、环境搭建 开发工具:VS Code(自行下载) 安装Node:http://nodejs.cn/ 安装webpack 全局安装 npm install webpack webpack-cli webpack-dev-server -g 注意:从webpack4开始,webpack-cli需要独立安装。 image.png 得到package.json 2、安装webpack npm i webpack -s -d npm install webpack-cli ?

    54930发布于 2019-11-07
  • 来自专栏前端卡卡西

    webpack

    常用loader 安装webpack cnpm install webpack -D 安装webpack-cli cnpm install webpack-cli -D 安装css-loader

    47420编辑于 2022-02-25
领券