问题标签 [html-webpack-plugin]

我正在使用 Webpackhtml-webpack-plugin及其提供的模板。我想在标题中添加一个网站图标列表：

如何在我的 webpack 构建中包含所有网站图标，无论是否包含html-webpack-plugin？

我尝试像文档说的那样将它们添加为额外文件，但它们最终没有出现在我的构建文件夹中。

注意：前 3 个是我尝试的一些不起作用的东西。

我正在尝试配置 webpack，以便它解析我的index.html（最好使用 HTMLWebpack 插件），以便将任何包含的图像（例如<object data="images/test.svg">）移动到我的输出文件夹，文件夹路径保持不变。最终，运行 webpack-dev-server 应该会呈现一个显示我的图像的页面。

这个问题有点相关，但与我自己的问题不太匹配。

我试图做的事情：

从我的配置文件中可以看出，我尝试使用 html-loader。没有exclude: /index\.html$/它会给我一个错误。我的猜测是 HTMLWebpack 插件和 html-loader 不能相处。排除 index.html 违背了 html-loader 的目的。文件加载器无法识别使用require(image).

当前发生的情况：一切运行良好，但没有图像文件夹，也没有/dist/.

我当前的webpack.config.js

示例index.html

我正在使用带有以下代码的 webpack

在 jstzDemo.js 我有以下代码

在 index.html 中，我包含了 libs.js 和 main.js，它们是 webpack 的输出文件

我从 jstz_min 下载了jstz_min

问题是在加载页面时出现“ReferenceError: jstz_min is not defined”错误。webpack.config.js 中需要进行任何更改吗？

I am serving my compiled app with Tomcat. The app is not served from the root context but with a suffix - e.g. mysite.com/myapp.

I need webpack to add this myapp prefix to the js and css imports in index.html.

I need this:

But right now I have this:

A hacky way would be to run a script during the build to change the links but I would like to have a more proper webpack solution.

I'm using HtmlWebpackPlugin and React Redux Starter Kit.

你好吗？我面临一个恼人的问题。我无法找到index.html生成的html-webpack-plugin以便渲染它。我可以在 上访问它localhost:8080/index.html，但我不知道如何使用车把在我的路线上渲染它。

我想做的事：在注入后找到我的视图并用 koa-views 和车把渲染它。

完整代码：https ://github.com/vini175pa/koa-redux-starterkit

路由：[第一个链接]/blob/master/server/routes/index.js

Webpack.config.js https://github.com/vini175pa/koa-redux-starterkit/blob/master/webpack.config.js

我知道这个问题已经在其他地方报告过，当 webpack 和 html-webpack-plugin 使用 npm -g 安装时：

人们找到的答案是在项目本地安装一个或两个。但这对我不起作用。我需要让它在我们的共享构建系统中工作，而不仅仅是在我的开发环境中。这意味着将其安装在全局范围内，以便所有项目都可以通过 Jenkins 运行的 ant/nant 构建脚本访问它。

我的项目非常简单。几个 html 页面，其内容由 reactJS 脚本生成，包含在带有 script 标签的 html 中。这应该很容易，而且开始时会很痛苦。考虑转储 webpack 并寻找另一个简单的 javascript 包管理器。

是否有环境变量可以用来告诉 webpack 在全局节点 'node_modules' 目录中查找 'require'd 插件/包？

建议？

我强调试图让 Uglify 与我的项目一起工作，以前我使用过 Uglify 并且没有出现问题，但现在我认为这与 SASS 相关。

这个错误重复了很多次，每个多捆绑一个。

这是我的 webpack 配置。

如果我评论 uglifyJsPlugin 行，则没有错误。但是我必须进行缩小并且无法使其运行，我尝试了 mangler: false and nothing，不起作用。

使用以下 webpack 配置，我试图缩小入口点 entry.js 中的 css。entry.js 只有 require('mystyles.css')

mystyles.css 有以下 css

在运行 webpack 时出现以下错误

请让我知道我必须使用哪个加载器将所有 .css 文件放入单个 styles.css 文件

我使用html-webpack-plugin来使用 webpack 缩小 html 文件。

原始 html 文件只有<script src="./app.js"></script>.，但在我使用 html-webpack-plugin 缩小文件后，它会生成<script src="./app.js"></script><script src="app.js"></script>. 它插入了一个多余的<script src="app.js"></script>. 我已经尝试了html-minifier提供的所有选项，但还没有解决问题。

有谁知道如何解决这个问题？

我的 webpack 配置的一部分：

我按照这个例子（http://courses.reactjsprogram.com/courses/reactjsfundamentals/lectures/760301）来启动一个reactj应用程序，所以这是我的webpack.config.js

这是我的 index.html 模板：

这是我由 webpack 生成的 index.html

注意：我的已被删除，因此当我尝试运行我的应用程序时出现错误：

如何修复不删除我的 div？我使用“babel-core”：“^6.7.6”、“babel-loader”：“^6.2.4”、“babel-preset-react”：“^6.5.0”、“html-webpack-plugin” ：“^2.15.0”、“webpack”：“^1.13.0”、“webpack-dev-server”：“^1.14.1”

tks