标签[html-webpack-plugin] - 堆栈内存溢出

使用 Webpack HtmlWebpackPlugin 加载模板时发送参数 - Send parameters when loading template with Webpack HtmlWebpackPlugin

我正在使用 Webpack 的 HtmlWebpackPlugin 插件在多个页面中加载重复的内容，这样我就可以重用相同的代码，而不必在多个部分中重复它。事实证明，在某些情况下，能够为该模板提供一些自定义文本会很有趣。此插件是否允许将参数传递给模板，使其在某些变量中显示传递的内容？我有一个模板 ...

javascript代码只有当一个插件执行完才执行，只有当这个js代码异步读取完成才执行另一个插件 - How to exec javascript code only when a plugin finished the execution and exec another plugin only when this js code finished asynchronous reading

赏金将在 19 小时后到期。此问题的答案有资格获得+100声望赏金。尼克正在寻找有信誉的来源的答案：解决所描述的问题，使代码工作在使用 copy-webpack-plugin 创建哈希图像后，如何引用它（在 dist 文件夹中的 html 页面中）？我试图以这种方式解决这个问题。我在我的 ...

HtmlWebpakPlugin 生成带有前导双斜杠的捆绑资产 url - HtmlWebpakPlugin generating bundled asset url with leading double slash

HtmlWebpack 插件以某种方式生成带有前导双斜杠的 url<script defer src="//js/app.6f290bd2820c4c9e.bundle.js"></script> 这使得资源无法从浏览器下载这是我的 webpack 配置plugins ...

从模板中获取图像时出错 webpack 5 - Error taking images from the template in webpack 5

我正在开发一个基本的应用程序，所以我没有使用一些框架，而是在 Webpack 的帮助下使用 Typescript。问题是我无法让 webpack 正确地从 html 模板中获取图像。我能做到的唯一方法是用 Typescript 操作 DOM，但目标是使其透明并直接从模板中获取它，而不必为其编写 ...

使用 angular cli 项目在块中插入自定义属性 - Insert custom attribute in chunks with angular cli project

我有一个带有 CLI 的 angular v11 解决方案。我在 angular.json 中添加了这一行，以便能够使用我的自定义实现扩展 webpack 这是我的定制 webpack 构建完成后，我想在 index.html 中添加自定义属性。但是上面的实现不起作用。这就是我要的：有可能 ...

如何在反应应用程序中添加图标？ - How to add favicon in react application?

我想在我的反应应用程序中添加 favicon。我看到了这篇文章并关注了它，但它不适用于我的情况。我在存在 index.html 的公共文件夹中添加了 favicon.ico。这是我的目录结构这是我的索引的片段。html 这是我的 webpack.config.js 的片段如上所示，我添加 ...

无法生成 webapp 的构建版本 - Cannot produce built version of webapp

当我尝试运行“npm run build”时，它给了我一个解析错误，但没有指定问题出在哪里。它还在底部显示这些消息，我推测某种堆栈跟踪，但我不知道在哪里找到问题：但是，它确实生成了具有正确功能的构建，除了它没有任何我导入的 CSS，所以我认为这是问题所在。要使用 CSS 我所做的就是 impo ...

在使用 webpack 5 的构建过程中将 JS 嵌入 HTML - Embed JS in HTML in build process w/ webpack 5

我正在尝试将 WebVitals 添加到静态 HTML 页面。 WebVitals 文档说，足够合理，虽然可以通过将 dist/polyfill.js 中的代码直接复制并粘贴到您的模板中来内联代码，但最好在构建步骤中自动执行此过程 - 否则您会冒“base”和“polyfill”脚本泄露的 ...

如何观察 devserver webpack5 中的部分变化？ - How to watch for partials change in devserver webpack5?

我正在使用带有 hot:true 的 webpack-dev-server 并在 HTML-webpack-plugin 的 templateParameters 中使用部分，当我更改其中一个页面时，HMR 工作正常，但当我更改其中一个部分时它不会。如何让开发服务器在每个 HTML 文件中不断监 ...

static html 和js文件如何使用CspHtmlWebpackPlugin？ - How to use CspHtmlWebpackPlugin for static html and js files?

我将 HtmlWebpackPlugin 用于反应站点，因此我决定为其使用CspHtmlWebpackPlugin插件。该插件正确地为 webpack 识别的包和文件生成随机数和哈希值。我遇到的问题是我引用了一些 static html 和 static js 文件，这些文件没有经过随机数或哈 ...

HtmlWebpackPlugin 将所有脚本标签放在一行中？ - HtmlWebpackPlugin putting all script tags in one line?

为什么这段代码将所有脚本标签放在一行中？看起来很丑，请帮助我一开始它把所有东西都放在一行，但现在它只把脚本标签放在一行 ...

web包5配置 - web pack 5 configuration

我最近更新了我所有的依赖项，包括（Webpack 4.44 -> Webpack 5.69，react-router-dom 5 -> react-router-dom 6 和 react 16 -> react 17）。我正在尝试配置 webpack 但出现了一些我无法弄清楚的 ...

Webpack - 在 webpack-dev-server 上链接其他 Pug 页面不起作用 - Webpack - linking other Pug pages on webpack-dev-server doesn't work

我正在重建自己的网站，我想在页面之间添加一些过渡。在此示例中，我的src文件夹中有两个pug文件：在index.pug ，我有一行代码（ a(href='./about') Go to about ）应该链接到about网页。相反，我收到此错误cannot get / 。如果我将其更改为（ ...

在满足条件之前，如何防止下载预定义的 webpack 捆绑块？ - How to prevent downloading pre-defined webpack bundle chunks until a condition is met?

我有一个使用 webpack(v5) 的反应应用程序。在此应用程序中 webpack SplitChunks 插件用于将捆绑包拆分为多组文件。我需要在身份验证发生之前停止加载一些捆绑包。因为此时下载不需要的 js 文件进行身份验证检查的成本很高，因为如果身份验证不成功并且它必须 http 将 ...

Webpack 开发服务器未找到索引。html - Webpack dev server not finding index.html

我有以下 webpack 配置： webpack.common.js ： webpack.dev.js ：我的文件夹结构：工具版本：问题：在根文件夹中运行webpack-dev-server --config webpack.dev.js时，我在访问localhost:9000/inde ...

NPM 在 windows10 和 ubuntu 中反应的启动错误 - NPM start error for react in windows10 & ubuntu

将 nodeJS 更新到版本 16.13.1 并启动一个项目后我收到以下错误这是 package.json 我尝试回到旧版本的节点（任何版本> = 14），清理 npm 缓存，搜索 webpack 文档和 html-webpack-plugin 文档，但仍然没有成功。我在 windows ...

如何在 index.ftl（freemarker 模板）中使用 angular 包 - How to use angular bundles in index.ftl (freemarker template)

赏金将在 6 天后到期。此问题的答案有资格获得+100声望赏金。丹正在寻找一个有信誉的来源的答案：解决此问题的任何解决方案我正在研究具有以下结构的多模块 Gradle 项目 parent-app - backend - src/main ...

Webpack 5：如何将 CSS 直接注入 head 标签 - Webpack 5: How to inject CSS into head tag directly

我想将 CSS 直接放在我的 HTML 模板的头标签中，而不是将 CSS 加载到 JS 中。但我找不到任何可靠的例子来做到这一点。/* webpack.config.js */ const path = require('path'); const HtmlWebpackPlugin = req ...

如何使用 webpack 和自定义 html 模板来提供 svg sprites - How to use webpack and a custom html template to serve up svg sprites

我创建了一个自定义 .html 模板，并将其与HtmlWebpackPlugin一起使用。我知道我可以拍摄常规图像并将它们放在 lodash 模板标签中，如下所示：这工作正常。但是我如何用 svg sprites 做到这一点。我的模板有很多这样写的 svg：我正在尝试使用new H ...

如何排除 html-webpack-plugin 生成的链接标签（或者更具体地说是由 mini-css-extract-plugin 提取的 .css 文件）？ - How to exclude link tags (or more specifically .css files extracted by the mini-css-extract-plugin) from being generated by html-webpack-plugin?

由于（遗留）项目当前的设置方式，我无法以标准方式从 webpack 的缓存功能中受益，而是必须在空文件中生成脚本（如 main.html5 示例）并将这些脚本包含在项目的头部或身体。这适用于我目前拥有的配置，但我发现自己缺乏引用由mini-css-extract-plugin在单独的 ejs 文 ...