webpack——命令行打包错误

最新推荐文章于 2024-02-16 19:54:02 发布
原创 最新推荐文章于 2024-02-16 19:54:02 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack

本文介绍在Webpack 4.0版本以上，使用命令行打包时出现的错误及警告。针对直接打包导致的模式未选择问题，提供了一个解决方案，即通过指定mode参数为development来适应开发环境。

问题

在webpack4.0版本以上，使用命令行打包出现如下错误：

使用命令行打包错误

如果，直接使用图中方式进行打包，会提示如下警告

这里写图片描述

解决

提示我们需要选择 mode 的版本模式，根据StackOverFlow上的回答，可以使用如下命令解决

这里写图片描述

-o 代表打包输出文件，-mode 选择版本模式，这里选择的是 development 开发环境

打包工具系列之——webpack 打包原理及优化
qq_28773159的博客
03-22 4317
啊啊啊
webpack4脚手架搭建1——打包并编译es6
逗比界一朵花
03-19 799
使用webpack 执行webpack -h 查看webpack命令行使用说明 安装webpack与webpack-cli 安装webpack cnpm install webpack -g，安装后执行webpack -v会提示安装webpack-cli，这是因为在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。所以用 c...
[webpack-cli] 由于webpack-cli版本问题造成的错误
小脆筒style的博客
10-20 3805
@webpack打包出现的错误：[webpack-cli] Unknown command 运行 npm run dev 出现以下错误： 解决方法 1.查看[webpack-cli] 版本是否兼容 npm webpack -v 2. 运行 npm install webpack-cli --save-dev 3. 再运行一次： npm run dev 成功啦！！！！ 如果觉得本文写得不错顺手点个赞感谢老铁！ ...
[webpack-cli] Unknown command or entry ‘./src/index.js‘ [webpack-cli] Run ‘webpack --help‘ to see av
weixin_45204463的博客
12-02 3728
webpack 打包报错解决
@webpack打包出现的错误：[webpack-cli] Unknown command ‘路径‘
weixin_45343788的博客
01-19 1万+
[webpack]打包时出现的错误：[webpack-cli] Unknown command '路径’ 发现的问题：webpack与webpack-cli版本不兼容 我用的是webpack4.46.0，所以需要单独安装webpack-cli（4.x及以上版本都需要单独安装)，由于当时webpack-cli安装的最新版与webpack不兼容，导致打包的时候出现错误 具体哪两个版本的webpack和webpack-cli兼容我也不知道，不过可以试试以下方法： 在两个都安装完后 可以在命令模式下输入webpa
webpack且命令行打包时报错
qq_29055201的博客
01-05 306
在使用webpack4命令行工具打包时： webpack hello.js hello.bundle.js 结果报错如下： ERROR in multi ./hello.js hello.bundle.js Module not found: Error: Can’t resolve ‘hello.bundle.js’ in ‘C:\wangliang\study\webpack-demo’ @ ...
webpack 打包失败
zhang6223284的博客
05-07 2126
报错1： The CLI moved into a separate package：webpack-cli Would you like to install webpack-cli ( That will run npm install -D webpack-cli)( yes/No ) 解决方案： 方案一：webpack 已经更新，webpack 4.0 之后 命令行单独分出一个包...
webpack-recipes：模块化Webpack构建命令行工具
其核心理念是将复杂的 Webpack 配置拆解为可复用、可插拔的模块单元——即“食谱”，从而实现构建过程的高度模块化、可维护性和灵活性。该工具特别适用于多项目环境或团队协作开发中需要统一构建规范的场景。 从...
vue项目中运用webpack动态配置打包多种环境域名的方法
10-16
这篇文章将详细介绍如何在Vue项目中利用Webpack实现动态配置，以便于打包出适应多种环境域名的版本。 首先，我们要讨论的是为什么要进行环境配置的动态化管理。在开发过程中，我们通常需要区分本地开发环境、测试...
css-entry-webpack-plugin：简化Webpack中CSS打包的工具
在未使用此插件的情况下，Webpack 默认会将每个 entry 都视为 JavaScript 模块入口，即使该入口文件内容为空或仅导入样式文件，依然会输出一个对应的 JS 文件，这不仅造成资源浪费，还可能引发运行时错误或增加 ...
安装了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...
安装webpack中使用 webpack -v 命令报错...
Darderos的博客
11-08 1828
安装webpack中使用 webpack -v 命令报错…
打包HTML文件基础之webpack配置
weixin_30266829的博客
08-16 423
之前项目用的VUE脚手架创建创建并打包发布的，最近新启动的一个项目，客户对浏览器版本由要求，目前VUE对低版本浏览器支持不是特别好， 所以打算直接用HTML进行研发，涉及了wenbpack直接打包HTML文件，按章webpack时遇到了一些问题，查找了一些资料并记录下来。 一、下载安装node.js(npm) 因为之前安装过固跳过此步骤. 二 、配置环境 1.配置文件夹 ...
webpack 命令行执行打包报错
qq_36990322的博客
07-02 674
webpack 命令行执行打包报错： webpack not installed Install webpack to start bundling: $ npm install --save-d报错截图原因执行成功的截图![在这里插入图片描述](https://img-blog.csdnimg.cn/20200702213318294.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly
解决Webpack打包报错[webpack-cli] Unable to load ‘@webpack-cli/serve‘ command
qq_53420511的博客
05-04 763
【代码】解决Webpack打包报错[webpack-cli] Unable to load ‘@webpack-cli/serve‘ command。
webpack对文件进行打包的命令
最新发布
pzpcxy520的博客
02-16 511
npx webpack ""(文件地址) --mode=development(--mode=production)生产环境下webpack默认对js进行打包。分别是生产环境下和开发环境下。
webpack执行命令失败之解决办法
weixin_34259559的博客
10-09 388
错误信息:ERROR in multi ./runoob1.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'C:Userstestapp' @ multi ./runoob1.js bundle.js main[1] 出现这个错误的原始命令是: webpack run...
webpack打包命令_前端利器躬行记（3）——webpack基础
weixin_39975261的博客
11-25 657
　　webpack是一个静态模块打包器，此处的模块可以是任意文件，包括Sass、TypeScript、模板和图像等。webpack可根据输入文件的依赖关系，打包输出浏览器可识别的JavaScript、CSS和HTML等文件，并且能对图像做优化处理，如图1所示。图1 webpack打包　　目前，webpack的最新版本是4.33，其配置文件（webpack.config.js）的基本结构如下所示，...
webpack打包
黑夜来袭Z
02-11 141
1、首先安装webpack,如果你使用 webpack 4+ 版本，你还需要安装 CLI。 npm install --save-dev webpack@<version> npm install --save-dev webpack-cli 在package.json的scripts属性里面配置快捷指令 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "bu.
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值