问题标签 [webpack-cli]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
npm - 找不到模块'webpack-cli/bin/config-yargs',找不到模块'webpack-cli'
我已经尝试了几乎所有的解决方案,但对我没有任何帮助。我从朋友那里克隆了一个 repo 并尝试运行客户端目录。当我尝试运行客户端时,出现错误:
- 找不到模块'webpack-cli/bin/config-yargs'
- 找不到模块'webpack-cli'
一旦我克隆了我所做的项目npm install
(正如它在自述文件中所说),但是当我尝试运行客户端时,我会遇到这个问题:
我试过的解决方案:
npm install -g vue-cli
npm install --save-dev webpack
npm install --save-dev webpack-cli
- 我试过'
webpack --version
'它会告诉我我遗漏了一些东西,如果我想安装它。我单击是,我收到以下错误:
安装“webpack-cli”(运行“npm install -D webpack-cli”)... npm WARN ajv-keywords@3.4.1 需要 ajv@^6.9.1 的对等方,但没有安装。您必须自己安装对等依赖项。
npm WARN webpack-dev-middleware@3.4.0 需要 webpack@^4.0.0 的对等点,但没有安装。您必须自己安装对等依赖项。npm WARN webpack-dev-server@3.1.11 需要 webpack@^4.0.0 的对等点,但没有安装。您必须自己安装对等依赖项。npm WARN webpack-cli@3.3.11 需要 webpack@4.xx 的对等点,但没有安装。您必须自己安装对等依赖项。npm WARN 可选跳过可选依赖:fsevents@1.2.11 (node_modules\fsevents):npm WARN notsup 跳过可选依赖:fsevents@1.2.11 不支持的平台:想要 {"os":"darwin","arch":"any "} (当前: {"os":"win32","arch":"x64"})
- webpack-cli@3.3.11 更新1个包,13.437s审核12959个包
24个包正在寻找资金运行npm fund
以获取详细信息
发现 33 个漏洞(22 个低、7 个中等、4 个高)运行npm audit fix
以修复它们,或npm audit
获取详细信息错误:找不到模块“webpack-cli”
webpack - Webpack - CSS 缩小和捆绑
将近三个小时的研究,我在这里寻求社区帮助。
我有一个具有以下 CSS 的项目:
每个页面都使用的那些(泛型):
buttons.css
、tables.css
和forms.css
lists.css
仅由特定 HTML 页面使用的那个:
page-custom-buttons.css
。
对于每个页面使用的那些,我想将它们捆绑并缩小到一个文件中。仅由特定页面使用的那个我只想缩小它们。
从我走过的许多指南、问题和文档中,我发现了以下内容:
- 现在
extract-text-webpack-plugin
已弃用,mini-css-extract-plugin
而是。 - 我们可以
mini-css-extract-plugin
用来捆绑 CSS。 - 我们可以使用
optimize-css-assets-webpack-plugin
它来优化它,但它需要安装另一个包来处理 js minifier(更多关于这里)
描述MiniCssExtractPlugin
说
该插件将 CSS 提取到单独的文件中。它为每个包含 CSS 的 JS 文件创建一个 CSS 文件。它支持 CSS 和 SourceMaps 的按需加载。
从我对定义和示例的了解来看,这不应该用作捆绑器,而是提供从 JS 代码导入 CSS 的功能,就像我们在 react( import './styles.css'
) 中所做的那样。
真正的问题是,webpack 不适合这类问题吗?我应该使用其他软件吗?MiniCssExtractPlugin 真正做什么以及css-loader
. 如何捆绑 myfiles 并正确缩小它们?
我发现了一个类似的未回答的问题: https ://dev.to/shaijut/how-to-bundle-mutiple-js-and-css-files-into-single-bundle-2a70
感谢您可能会回复此答案的人。你知道的任何有用的东西!
webpack - --mode 开发错误:NormalModuleFactory.beforeResolve 不再是瀑布挂钩
我一起使用 webpack 5 和 @ngtools/webpack 来构建 Angular 应用程序。当我运行时webpack --mode development
出现以下错误:
请注意,在我使用 @ngtools/webpack 9.0.0 之前,此时我遇到了另一个错误。
不是版本是 9.1.4 并出现错误。
这是整个依赖项:
如果我将 webpack 版本更新到 4.43.0 一切正常。看来 webpack 和 @ngtools/webpack 不能一起工作。
这里是否有我错过的任何其他信息可能对使用 webpack 5 设置这个项目有用?
node.js - npm run dev 失败:ValidationError:无效的选项对象
目前通过一些教程学习Vue js和express js,我对这些技术还是新手。
无论如何,按照教程,我正在构建一个小项目,其中我有一个包含项目前端的文件夹“Client”和另一个包含后端的文件夹“Server”。
就在将提交推送到 Github 之前,一切都很好,但是一旦我这样做了,Github 就会发出一些漏洞,并且在修复它们之后,npm run dev 就不再工作了。
尝试了多种解决方案但没有任何效果,重新安装可疑模块,运行npm cache clean --force后重新安装节点模块
这是我得到的错误
这是日志文件:
运行npm audit给出以下结果:
相关依赖
"webpack": "^4.43.0",
我希望我为你们提供了一切,如果没有,我会立即提供任何东西来帮助澄清我的问题,因为我说过我是 Web 开发的新手。
更新:我试图找出此类错误背后的原因,更新webpack-dev-server 版本后会出现问题:
“webpack-dev-server”:“^2.9.1”
有错误的版本:
“webpack-dev-server”:“^3.11.0”
如果我忽略发现的漏洞可以吗?因为尝试修复它们会导致此错误。
谢谢
javascript - `webpack serve` 失败并显示“错误:找不到模块 '../../lib/webpack-cli'”
我正在尝试使用 webpack 建立一个项目。当我尝试使用 webpack 提供它时,我得到了这个:
该行/root/chat-webapp/node_modules/@webpack-cli/serve/index.js:4
(在堆栈跟踪中提到)说:const WebpackCLI = require("../../lib/webpack-cli");
。但是我没有该文件/root/chat-webapp/node_modules/lib/webpack-cli
——即使我有,它也不在@webpack-cli/serve
仓库中,并且仓库不应该对它无法控制的文件的位置做出假设。
但是我找不到任何人或 stackoverflow 或其他任何在同一相对路径上遇到错误的人。那么我错过了什么?我已经在本地安装了所有 npm 存储库,这有点不标准 - 可能与此有关吗?
reactjs - 从 webpack-cli 获取错误:webpack 配置中的“TypeError:merge is not a function”
我正在使用 webpack-merge 将两个 webpack.config 文件组合在一起,但我不断收到错误“TypeError: merge is not a function when I run the command”webpack --config ./config/webpack.config.prod.js "
有没有其他人遇到过这个问题?
webpack.config.prod.js
webpack - 为什么 Webpack 5 会返回一个非零错误代码作为性能提示?
背景
我刚刚将一个项目从 Webpack 4 升级到 Webpack 5。在新版本中,似乎任何性能提示(警告)都会使 Webpack CLI在退出进程时返回非零错误代码 1 。
这破坏了我npm run --silent
用来执行 webpack 脚本的生产版本。
解决方法
如果我删除配置文件中的性能提示,则不会返回错误代码。
问题
在 Webpack 4 中,这些提示没有返回任何错误代码。
如何在 Webpack 5 中启用性能提示作为警告 - 而不会获得非零退出代码?
webpack - webpack 无法识别命令行选项
我觉得问这个有点愚蠢,但在其他地方找不到答案。
我正在将我们产品的 webpack 从 v1(是)升级到 v4,我对这一切都是新手。我安装了 webpack 和 webpack-cli:
但它不识别文档中列出的选项,例如-p
等--optimize-minimize
。
有什么问题?