问题标签 [html-webpack-plugin]

所以我想用下面的项目试试 Chat.js。

所以我研究并发现了以下内容http://valor-software.com/ng2-charts/

所以我安装了 ng-2 图表。ng2-charts 需要 chart.js，所以我也安装了 chart.js，我可以在 jhipster4-demo 项目的 node_modules 下看到它。

ng2图表说

在 jhipster4-demo 项目中如何进行上述强制步骤？因为我不是 webpack 专家，所以不知道该怎么做。

所以我使用 webpack dev 中间件如下：

但是，由于某种原因，我没有实时重新加载。我也没有获得覆盖功能。我正在使用此设置，因为我使用的是 webpackhtmlplugin。

我觉得我在这里错过了一个简单的概念:(有什么想法吗？

我使用 Webpack 和插件html-webpack-plugin。基于环境变量，我想将<meta></meta>标签注入到最终index.html文件中。

我该怎么做呢？

我正在使用webpack-html-plugin生成一页静态网站。我正在尝试为静态资产（尤其是图像）实现缓存清除。我还有一个用于打开图形图像的元标记，如下所示。

我webpack.config.js看起来像这样：

该index.ejs文件如下所示：

我的目标是让 webpack 为我的图像添加哈希，因为它为 js 和 css 添加它们。我知道为了触发图像加载器，我需要requirejs 中的图像，但我init.js只包含 jquery 插件初始化。

我尝试查看以下加载程序以与ejs-loader

html-loader+ extract-loader+file-loader

但我没有得到任何地方。任何帮助将非常感激 ：）

我在特定机器上遇到 Webpack 错误。在另一台机器上我没有收到任何错误并且构建成功。在两台机器上，我们都使用 Webpack 2.2.1 版本。

错误 ：

它说 Set 没有在 copy-webpack-plugin 上定义，这有点奇怪。

网络包配置：

注意：这不是整个配置文件。

有没有人遇到过类似的错误。我应该如何追踪导致构建失败的原因。

我正在尝试配置prerender-spa-plugin为使用我的 vue.js (1.x) 应用程序。当我在没有它的情况下构建应用程序时 - 一切正常，但我需要为 SEO 目的预先渲染页面。

当我安装插件时，它会进行预渲染，但随后会显示一些路由器错误（[vue-router] Uncought error during transition）以及TypeError: undefined is not an object (evaluating 's(e).isEqualNode'). 同样 - 如果我在没有pretender-spa-plugin.

关于工具的一些信息：

然后，相关设置为：

webpack.prod.conf.js

div.main实际上存在于我需要预渲染的每个组件中

main.js

应用程序.vue

我已经尝试过的：

1. 不要使用这些触发器中的一些，我在此处为 webpack 编写了这些触发器。我想我已经尝试了所有可能的组合 - 有时构建过程只是挂起，有时 - 它编译时遇到了同样的问题。

2. 即使在我最初的 app.vue 文件中，我也尝试设置此自定义，并将其附加到ready ()- 结果相同

3. 我也尝试指定replace: false所有内部组件-同样的结果-它总是给我路由器错误，然后显示在每条路由上呈现的索引页面（以及应该存在的内容）

4. 唯一“帮助”的是不/为插件指定路由。然后，我的索引组件没有预渲染，所有其他的都可以正常工作。但显然我也需要预先渲染它。

非常欢迎任何帮助或建议！也许，我错过了一些quasar framework具体的东西？

我也在用html-webpack-plugin，难道是因为它？

谢谢！

我正在使用 webpack 来捆绑东西。它似乎在所有其他浏览器中都运行良好，但在 IE（没有承诺）中，它给出了无法找到的错误Promise。

我HtmlWebpackPlugin用来注入所有脚本。因此，我的应用程序的脚本总是在最后注入。但是，在我的应用程序块中，它似乎有这个代码（通过使用 cdn url 链接在 unminified-files 中搜索找到这个）：

它似乎script在页面加载时在我的 DOM 末尾动态插入另一个标签。由于我之前的脚本已经通过执行，它们给出了Promise无法找到的错误。这种行为在任何其他浏览器中都看不到（即使代码对 IE 进行了特定检查）。

有没有办法在不引起这种行为的情况下使用蓝鸟？我的目标是 IE10+ 与 Promise 的兼容性（在 IE11 上测试）。还是我必须去另一个承诺库？

我认为我的 webpack 配置在这里不会有太大的相关性，但如果需要，请告诉我。

我正在为我的项目使用 ES6、typeahead 和 webpack。

下面是我的 webpack 配置文件：

在我的 bundle.js 中，我得到了导致问题所需的 typeahead 依赖项。当我注入我的角度模块时，它会抛出错误。

app.js ：（app.js 代码的一部分）

依赖项：

我猜 typeahead.js 是没有导出语法的普通库，我正在尝试导入它无法从中创建模块功能的库。

任何想法？还是有人遇到过同样的问题？

我正在尝试使用 webpack 捆绑我的 angular 2 应用程序。我的应用程序都包含组件 typescript 类以及 css 和 html 文件。我能够捆绑 js 文件（app.bundle.js）。我将 bundle.js 文件放入索引 html 文件并尝试运行它。但是在运行时在浏览器控制台中出现错误。这是我的索引 html 文件

这就是我得到的错误。

所以我希望这是因为没有捆绑 css 文件（bootstrap.min.css）。所以我也尝试捆绑它。这是我的 web pack 配置文件。

但是在运行这个（webpack -p）时出现错误，捆绑没有成功。

这是运行 webpack -p 命令时出现的错误

有人可以帮我吗？

新更新：我尝试将 bootstrap.min.css 手动添加到 index html 文件中，然后它也不起作用，出现第一个错误。所以我希望 webpack 包有什么东西。

请帮助我

我正在使用反应动态路线：

我在 webpack 只有一个入口点：

webpack 正在为每个路由生成每个 app.js 和一个文件。

但是我生成的 html 文件没有这些 js 文件的导入。

有什么设置吗？