问题标签 [copy-webpack-plugin]

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 回答
5147 浏览

webpack - 编译.getLogger 不是函数

copy-webpack-plugin从升级4.6.06.0.2

我改变了我的代码

正如官方网站上给出的

但它开始抛出以下错误: compilation.getLogger is not a function

当我调试它时,我发现错误来自node_modules/copy-webpack-plugin/dist/index.js 在此处输入图像描述 不知道是什么问题

0 投票
0 回答
90 浏览

javascript - 复制 JS 文件并使用 webpack 将其解析为 JSON 文件

我需要使用 webpack 将带有 js 对象的 JS 文件复制并解析为 JSON 文件。是否有任何简单的解决方案,例如插件或其他东西。我想使用 CopyWebpackPlugin 但我不知道如何将文件解析为 JSON 图像

0 投票
2 回答
1702 浏览

android-10.0 - ng serve 在使用 copy-webpack-plugin (Android OS / termux) 处理额外资产时以 92% 永远挂起

当我在 ng 为应用程序提供服务时遇到阻塞问题时,我试图使用我的 android 智能手机运行一个常规的 angular 10 Web 应用程序:ng serve 挂在复制资产上,显示:“92% 处理额外的资产 copy-webpack-plugin”。

有没有办法强制 ng serve 抛出异常或任何有意义的消息,以便我能够进一步调查? 在使用(Android OS/termux)ng serve处理额外资产时,永远挂断在 92% 。copy-webpack-plugin以下是到目前为止完成的详细信息和步骤:

角度版本:

角版

新应用:

新应用

Ng serve --verbose

吴服务--详细

0 投票
1 回答
1281 浏览

webpack - 如何将 sass 文件导出到 dist 文件夹保留文件夹结构?

我正在尝试获取特定文件夹中的所有 sass 文件,并将它们复制/转换为不同文件夹中的 css 文件,同时保留文件夹结构。喜欢:

  • 源代码
    • 文件夹1
      • test1.scss
    • 文件夹2
      • test2.scss
      • 文件夹3
        • test3.scss

进入

  • 目的地
    • 文件夹1
      • test1.css
    • 文件夹2
      • test2.css
      • 文件夹3
        • test3.css

我正在尝试使用复制 webpack 插件来复制所有 src scss 文件,以及使用 node-sass 转换它们的转换选项,这似乎有效,除了它不会将文件重命名为 .css 并且我可以'不知道如何解决这个问题。有任何想法吗?

从我的 webpack.config.js 中截取:

0 投票
0 回答
129 浏览

webpack - 如何使用 imagemin 和 CopyWebpack 插件最小化子文件夹中的图像?

编辑

解决方案

我使用了已经压缩的图片。不知道,为什么。因此,子目录中的图片会被压缩,但前提是它们尚未压缩。

目标

将目录“frontend/images”中的所有图像压缩并复制到“public/assets/images”。

问题
子目录中的图片没有被压缩。

我正在使用 LaravelMix 并将 webpack 配置传递给它,如下所示:

子目录被正确复制。“图像”文件夹中的图像(此处为“测试”)会被压缩,但子目录中的图像不会。

那么我在这里做错了什么?

还是不能压缩子目录中的图像,我必须单独添加每个文件夹?

图片文件夹

0 投票
1 回答
4948 浏览

webpack - 尝试使用 webpack 复制空文件夹时出错

使用 Webpack 和 copy-webpack-plugin 我需要在构建期间复制整个文件夹,并且我有:

但是,当assets文件夹为空时,这会失败:

如果我将一个文件添加到资产文件夹中,我将工作。

如何解决这个问题?

0 投票
0 回答
218 浏览

javascript - 反应构建需要太长时间才能完成,消息“95% 发出 CopyPlugin” - 如何调试 npm 构建?

在我的本地系统中构建需要很长时间才能完成。当我运行“npm start”并等待 7 或 8 小时完成时,它会显示消息“95% emitting CopyPlugin”,如果代码更改是一行或再次更改类名,即使更改代码也会发生同样的事情很长一段时间才能完成。

它在我以前的系统上运行良好,配置与新机器几乎相同。

网络包:^4.41.2 "

操作系统:Windows 10

这个问题有什么解决办法吗?

调试和找出导致此问题的原因的最佳方法是什么?

0 投票
1 回答
36 浏览

webpack - 用于完全静态项目的 Webpack(根本没有 JS / TS)

我的项目是一个由多个 JSON 文件组成的 JSON 模式:

我想要做的就是version用来自package.json. 即a.json包含一个${version}(实际语法是任意的,我没有任何偏好)占位符$id

并且version,假设我想处理这个 JSON 并得到:package.json1.0.0

就是这样。它可以通过这样的脚本来实现(in package.json):

但是我该如何使用 Webpack 呢?

我知道复制和定义插件,但似乎我需要项目中的实际源代码作为 Webpack 的入口点。像这样的配置:

将文件复制到dist(或我想要的任何地方),但给出错误:

这里的另一个问题是如何复制和处理这些文件(替换占位符)。

如何仅使用 Webpack 复制和处理这些 JSON?

0 投票
0 回答
600 浏览

reactjs - CopyWebpackPlugin - TypeError:无法读取未定义的属性“thisCompilation”

这就是我试图让 webpack 复制locales项目根级别文件夹中的 JSON 文件的方式。

我收到以下错误

我清理并重新安装了 node_modules 但仍然没有进展。

请帮忙。

编辑:package.json在下面添加

0 投票
1 回答
3893 浏览

python - 复制 webpack-plugin 配置问题

在 electron.js 应用程序中,我试图根据以下指示从 node.js 调用和执行 python 脚本: https ://nodejs.org/api/child_process.html#child_process_child_process_execfile_file_args_options_callback

我得到这个错误:

在此处输入图像描述

评论options部分时:

我犯了同样的错误。

按照此处找到的指示:https ://www.tutorialspoint.com/run-python-script-from-node-js-using-child-process-spawn-method 我修改了代码如下:

我收到此错误:

按照此处找到的指示:https ://webpack.js.org/plugins/copy-webpack-plugin/#root 我将 /tools/webpack/webpack.plugins.js 修改为:

对我来说,这似乎是在尊重标准,但我收到了这么长的错误消息:

似乎更进了一步,但仍有一些问题需要解决

节点版本:v14.5.0 操作系统:Ubuntu 18.04 Desktop

如何解决问题?期待您的热心帮助