问题标签 [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.

0 投票
1 回答
77 浏览

webpack - 如何使用 webpack-cli init 指定 webpack 配置文件名?

当我webpack-cli init用来创建新的 webpack 配置时,它会生成文件webpack.prod.js,或者webpack.dev.js取决于我是否回答了哪个模块将是第一个进入应用程序的问题?[默认:./src/index]

如何自定义生成的配置文件的文件名?例如webpack.config.dev.js

0 投票
1 回答
1567 浏览

javascript - 如何使用 webpack 减少 react 的 bundle.js 文件大小

我正在使用 webpack 构建我的 react 应用程序,它创建了 4 Mb 大小的 bundle.js,它非常大,如何减小这个大小,这是我的 webpack.config.js,我还应该使用什么插件

我正在使用的插件列表,请推荐其他有助于减少捆绑文件大小的插件,或者我的配置有什么问题。

0 投票
4 回答
2128 浏览

npm - npx webpack 坚持要安装 webpack-cli 但它已经安装了

我正在尝试运行命令:

它告诉我它需要 webpack-cli 并询问它是否应该安装它,我说“是”。然后它给了我:

所以我尝试通过以下方式手动在本地安装它:

我检查它是否安装使用:

所以它似乎已安装。

我再次尝试 npx webpack 并获得完全相同的输出和问题以再次安装 webpack-cli。

谁能告诉我为什么找不到 webpack-cli 本地安装?是否必须全局安装?

或者更奇怪的是:为什么它在尝试自己安装时会失败?

0 投票
1 回答
13238 浏览

javascript - 错误:webpack.optimize.CommonsChunkPlugin 已被移除,请改用 config.optimization.splitChunks

我收到此错误

错误:webpack.optimize.CommonsChunkPlugin已被删除,请config.optimization.splitChunks改用。

0 投票
1 回答
1552 浏览

reactjs - 使用 Webpack、Babel 和 React 进行生产构建时出错 - 错误:找不到模块 '@babel/runtime/core-js/get-iterator'

我正在使用 Babel-7、Webpack 创建反应应用程序。当我尝试在生产模式下构建应用程序时,出现以下错误。

我试图通过添加最新版本的 Babel 和 Webpack 来解决这个问题。删除node_modules并重新安装。问题依然存在。

如何解决此错误?

以下是我的 package.json 文件中的依赖项。

0 投票
0 回答
362 浏览

node.js - 需要用于 Laravel 混合的 Webpack-cli?

我查看了Laravel 官方 package.json来更新我的,它可以追溯到 Laravel 5.4。我的看起来像这样,我更新它看起来像这样。我删除了节点、webpack 和 webpack-cli,因为显然它不需要?但是,我收到此错误:

为什么要引用 webpack-cli?我不太确定 node 和 webpack 等在这里与 Laravel 有什么关系以及如何处理它?

0 投票
0 回答
28 浏览

webpack - webpack-cli init 无法添加入口点

我在跑步npx webpack-cli init

第一个问题是will your application have multiple bundles? No

然后下一个问题:Which will be your application entry point?提示在那里,但我无法输入任何内容,输入不起作用它只是显示 iTerm 已冻结。我在 bash 和 zsh 中都试过这个,但我以前没有遇到过这样的事情。

0 投票
1 回答
307 浏览

webpack - Webpack 构建大型生产文件

我不知道为什么,但是我的 webpack 配置创建了非常大的应用程序构建(15MB 单个app.js文件)

有什么办法可以让这个文件变小吗?

我正在建立生产yarn build-production

我不擅长 webpack 配置,所以也许你可以告诉我应该更改或添加什么?这是最新的反应应用程序。

在此处输入图像描述

0 投票
1 回答
2936 浏览

node.js - 在 webpack 中启用 --display-error-details 以调试模块导入

解决我需要为 cli 启用此 webpack.stats 选项以进行调试的问题。

在基础 webpack.config 上没有启用统计选项,因此需要以另一种方式完成。

devServer 也被分离到它自己的 .js 文件中,并且没有在默认的 webpack.config 下列出

我尝试直接将此设置添加到基本 webpack 配置中,我还研究并查看了 dev-server 下的功能,看看它是否是我可以添加一行代码的设置,但没有运气。例如,我查看了 stats.hasErrors() 函数并了解了该选项

我认为需要更新的代码的相关部分 dev-server.js

我希望能够运行以下内容:

链接到 repo: https ://github.com/storybookjs/storybook/tree/next/lib/core/src/server 感谢您提供的任何帮助!

0 投票
2 回答
3611 浏览

webpack - 如何使用“npx webpack-cli init”

但是运行时

我得到了错误

我该如何解决?