我有一个 javascript 文件，它不属于我的项目，但在提供时需要与它捆绑在一起。该文件的内容基本上是...

...对象部分是格式良好的 JSON。

我已经设置了 webpack，并且正在使用copy-webpack-plugin将这个文件./dist连同我捆绑的所有 JS 和其他资产一起移动到我的文件夹中。
没有什么花哨的，只是一个文件到文件的直接复制......

当我在开发模式下运行 webpack 并且复制的文件看起来与原始文件完全相同时，这可以正常工作，但是当我在生产模式下运行时，内容会被内联并丢失对象部分中键周围的语音标记。输出现在看起来像这样......

foo注意和上没有语音标记id。--mode=production当删除换行符和其他格式（这很好）时，显然会发生一些优化，但它也会剥离语音标记，这会导致某些步骤出现问题。

那么，您能告诉我为什么会发生这种情况，我可以做些什么来阻止这个特定文件在复制过程中被优化。
我无法对特定文件的格式做任何事情，因为它来自第三方，但我可以使用其他插件或在需要时更改我的流程。

谢谢你的帮助

我正在使用 Symfony 5 和 copy-webpack-plugin。我想将此结构从 assets/fonts 复制到 public/build/fonts ：

assets
----fonts
--------folder1
------------subFolder1.1
----------------file1.1.1
- ---------------file1.1.2
------------file1.2
------------file1.3
-- ------文件夹
2 ------------subFolder2.1
----file2.1.1
--------- -------file2.1.2
------------file2.2
------------file2.3
--------file3
- --------文件4

我有这个 webpack 配置：

const CopyWebpackPlugin = require('copy-webpack-plugin');

但是，它不起作用。我尝试了很多不同的配置，但无济于事。

我正在阅读 webpack 的“条目”页面，但没有任何内容告诉我该文件的这一部分在做什么。可能这就是我需要知道的，但我不知道：D

为什么这个物体的两边都有路径？

我试图弄清楚为什么这个 webpack.config.js 没有将 src/assets/images 上的图像复制到我的 /Resources/Public/Frontend/assets/images 文件夹中。我知道 CopyWebpackPlugin 就是这样做的。该脚本是否也在复制之前删除了所有内容，因此它不会复制已删除的文件？

我知道我可以添加 CopyWebpackPlugin (from to) 并将我的图像复制到我的 /Frontend 文件夹但是如果我从 /src 中删除一个图像并不会删除图像

这是整个文件。

在 webpack 构建期间，我使用了 copy-webpack-plugin，它会生成如下日志：

如何禁用此日志记录？在插件的 Dock 中没有找到任何解决方案

语境

首先我做了很多研究，但我没有成功。

我使用 django 作为后端，为了管理我的前端依赖项，我使用了 webpack (starter)，我对其进行了修改以满足我的需要。

这是我的 npm / webpack 管理结构的一部分：

• 前端
  • 源代码
  • 上市
  • 建造
    • 上市

我正在使用 CopyWebpackPlugin 来管理我的资产，例如图像和字体。放置在public文件夹中的所有资产都正确复制到build/public.
但是，我尝试添加一个新模式条目以从位于 node_modules 中的 fontawesome 获取字体并将其复制到build/public文件夹中，但无论我尝试什么都会出错。我无法弄清楚我做错了什么。

模式条目

错误

应指定插件名称中的错误

所以我试图通过显式命名来获取一个文件，to并且它正在工作。

但我想让它在整个文件夹中工作。
然后我想知道问题是由模块规则引起的：

我尝试了一些修改，但没有找到任何解决方案。

编辑

我也试过这个@Andrey：将字体和图像的过程隔离在自己的test. 好吧，什么都没有改变：/

即使删除这些测试也会导致我犯同样的错误。所以我想这是来自我的模式定义。

我看到上面有 3 个错误name，所以我.svg从 webfonts node_modules 中删除了这三个文件。它已经成功构建。所以我仍然卡住了，因为我不知道这怎么可能......

我想要达到的目标

我正在尝试将纱线工作区中的语言环境文件同步到 monorepo 中的多个 Vue 应用程序，以便它们可以在每个应用程序中与 i18next 一起使用。他们需要：

• 在开发过程中保持同步
• 翻译文件更新时自动更新
• 最终将它们放在 dist 文件夹中，以便它们与应用程序的其余部分一起部署（当文件位于公用文件夹中时，这应该会自动发生）

为了保持包的大小，我不能只捆绑整个包 - 需要使用原始文件名单独复制文件并存储在每个应用程序的公共文件夹和 UI 库中。

问题

我正在尝试配置CopyWebpackPlugin，但我要么

• 只是在启动开发服务器时从翻译/区域设置到公共/区域设置的初始副本
• 或者当我尝试启用该选项时，开发服务器会进入一个循环，并且它开始用热重载文件writeToDisk淹没文件夹。dist

我的 vue.config.js *

*基于https://webpack.js.org/plugins/copy-webpack-plugin/的说明，它包括对纱线工作区的引用

使用此配置运行yarn serve会导致循环。正确的文件被复制到./public文件夹中，但与此同时，它会创建./dist文件夹并用文件淹没它 ...hot-update.json。

如果我yarn build第一次运行，语言环境文件会被复制到./public文件夹中，而不是./dist文件夹中（因此它似乎在进程结束时复制文件，因此最新文件不包含在./dist文件夹中

当前文件夹结构

版本

任何有关使此设置正常工作的帮助将不胜感激。

我使用以下代码：

无论如何，它不会忽略图标。有人可以帮忙吗？

为了熟悉 Luigi，我使用了以下教程：https ://developers.sap.com/tutorials/luigi-app-react.html

到第 2 步的设置工作正常，可以使用 npm start 调用 React 和 SAPUI5。然后在第 3 部分中，基于 Node Modules 复制插件 (node_modules\copy-webpack-plugin) 添加了插件。

添加了以下插件定义：

根据错误消息，Copy 插件需要一个数组：
错误消息 - 验证错误第 1 部分： 错误消息 - 验证错误第 2 部分：

但是，如果我将模式部分更改为：

编译是不可能的：

有没有人已经完成了这个教程？有谁知道如何解决它？

我正在尝试将文件从 src 文件夹复制.svg到.pngdist。

在src文件夹中，我有public一些图像的文件夹，然后在这个文件夹中是另一个带有其他图像的文件夹。

src 中的目录树：

我的目标是复制这些具有相同文件夹结构的dist文件。

目标：

但就我目前而言webpack.config，它正在复制一个文件夹，如下所示：

如您所见public/，另外还有一个文件夹。我该如何解决这个问题？

我的 webpack.config

使用 copy-webpack-plugin 后构建失败。webpack 和插件版本已经过兼容性测试（webpack5 cwp10）我的想法已经不多了 :( 有没有人碰到过熟悉的东西？这可能是跨模块兼容性问题吗？

进一步提供错误日志和配置代码提前致谢

错误是

使用的配置是（webpack.config.js）