问题标签 [webpack-4]

我正在构建一个 webpack 自动化工作流程。我完成了开发服务器。我所有的开发配置都在webpack.config.js文件中。

然后，我通过将它添加到package.json脚本中'dev':'webpack-dev-server'

如何在单独的文件中进行生产配置？

我正在使用html-webpack-plugin来处理 html 文件。
在导出服务器之前，我需要删除一些部分。我找到了几个插件来做到这一点，但它们已经过时或不适用于 webpack 4。

这是我的html-webpack-plugin配置。

我像这样标记了我想删除的部分。

是否有任何可用的插件或使用 webpack 4 的方法来做到这一点？谢谢。

在以前的 webpack 版本中，以下配置用于禁用配置的 json-loader。

在 webpack 4 中，这似乎并没有禁用默认的 json-loader 并且仍然导入 json inline。webpack 4 是否仍然支持禁用加载器？

我有一个包含所有最新 npm 包的 react 项目。请检查 github 链接以获取 package.json 文件

我可以在 chrome 开发人员工具上看到创建的 bundle.js 文件和我的组件，但是我看不到这些组件在浏览器上呈现。

git 仓库

请参考下图

反应开发工具选项卡

我正在尝试获得一个基本的 ES6 import/export使用 Webpack 4，而 Webpack 似乎无法解析我的模块，尽管根据错误消息它正在查看它：

这是我的设置（node_modules等dist省略）：

生成文件：

src/app.js：

src/hello.js：

我在 中的导入路径上尝试了许多变体app.js，但它们都得到相同的结果：Can't resolve模块文件。我错过了什么？

嗨，我正在尝试使用 Webpack 4.1.1，每次我从 Google Fetch 使用我的网站来查看 Google 如何查看我的页面时，我都会得到一个空白屏幕。好的。所以我安装了 Rollbar 看看我是否能得到错误。Rollbar 告诉我：

从我收集的信息来看，它抱怨来自 Webpack 的引导代码。所以我在 Chrome 64 和 FF 58.02 中测试了我的代码。没有问题。据我所知，Webpack 似乎使我的代码与旧版浏览器不兼容。-- 我已经安装了 babel-polyfill、whatwg-fetch、promise-polyfill，但没有成功。那么当 Webpack 编译代码时，也许我没有做正确的事情？或者这是 Webpack 的错误？

.babelrc

入口应用程序文件。

项目在这里：https ://github.com/ajm113/mcrobb.info2

我们正在迁移到 webpack 4。我们已经有了 dev / prod 配置文件。我们开始收到此警告消息：

我们可以通过在 cmdline 中传递 --mode production 来解决这个问题，如下所示：

正如 webpack 文档、博客和互联网上的其他地方所提到的。我们如何在配置文件中设置配置？简单地说一个模式：在模块下开发是行不通的。只是有点沮丧，为什么文档丢失了......

我在将 angularJs 应用程序升级到 Webpack4 时遇到问题。

这是我的设置：

和

使用 webpack 3。我有一个 commonsChunkPlugin 并且一切正常。

使用 webpack 4，我使用 splitChunks 选项不导入 angularjs 5 次：

那工作正常。我只在我的common.js文件中加载了 angularjs 代码。但不幸的是，代码被实例化了两次，所以应用程序总是记录警告：

警告：尝试多次加载 AngularJS。

块是通过HtmlWebpackPlugin在 html 中加载的。

知道如何删除警告吗？

如何在webpack.config.js中获取package.json--mode中指定的电流？（例如，用于推送一些插件。）

我在 Webpack 3 中做了什么：

然后，我能够在 Webpack 中使用process.env.NODE_ENV.

当然，我可以通过NODE_ENV，--mode但我更愿意避免重复。

我目前正在使用带有 react loadable 的 webpack 4 来创建块。它实际上块取决于断点。但是，供应商规模保持不变。React loadable 还不支持 webpack 4 吗？或者我缺少一些设置？

CSS实际上似乎被分成了块，虽然