html-webpack-plugin 相关问题

webpack插件,用于简化HTML文件的创建,以便为webpack包提供服务

如何在html-webpack-plugin中获取块{scripts]

我遇到了一个问题。我需要用角度构建自定义index.html文件。我决定使用angular-builders和html-webpack-plugin。它工作正常,但html-webpack -...中不包含一个块

回答 1 投票 3

带Webpack的内联CSS,没有HtmlWebpackInlineSourcePlugin?

我们一直没有问题地使用HtmlWebpackInlineSourcePlugin,但是不再受支持,因此我们移到了InlineChunkHtmlPlugin,它非常适合JS,但是拒绝捕获输出样式。css...

回答 1 投票 1

Webpack生产配置不考虑CSS导入

我无法找到一种方法来正确加载不在根文件夹中的静态站点:让HWPTest = new HtmlWebpackPlugin({模板:__dirname +“ /src/artists/test.html”,文件名:'...

回答 1 投票 0


使用html-webpack-plugin将捆绑脚本标签注入 具有母版页的旧版.aspx文件中的标签中?

我对webpack和html-webpack-plugin相当熟悉,并在其他几个(SPA)项目中使用了它们。但是在这个新项目中,我必须转换旧版多页网站以使用...

回答 1 投票 1

Webpack-TypeError:$不是函数

我是webpack的新手,我正在使用webpack创建一个react应用程序。编译TypeError时出现此错误:$不是函数。我没有使用jquery,但是我的节点模块包括一些...

回答 1 投票 4

传输文件,然后内联而不带Webpack捆绑/加载器代码

我无法提出可行的解决方案。我想我应该以某种方式使用html-webpack-inline-source-plugin或多个入口点的组合,但这对我来说太难了。我...

回答 1 投票 4

Webpack + Express,根据视图提供特定的js文件

[嗨,感谢您的帮助,所以我对node.js并使用express很陌生。在我当前的项目中,我正在使用express + webpack。我所有的观点都可以执行,因为我...

回答 1 投票 0


HTML webpack插件未将脚本注入模板

[尝试构建项目时,创建了两个HTML文件,即(dist / test.html和dist / src / index.html)dist / test.html /dist/src/index.html?88827167

回答 1 投票 1

webpack:如何在YAML文件中注入JS块

我正在使用webpack现代化旧版MVC应用程序(symfony 1.4),我想将JS块注入YAML文件中。这是一个示例:默认值:stylesheets:[style.db80006f5e14f38456ef ....

回答 1 投票 0

scriptlet如何在webpack中工作?

完全公开:我是webpack的新手,试图弄清楚幕后似乎发生的一些“魔术”。在此页面https://github.com/jantimon/html-webpack-plugin中有一些...

回答 1 投票 0

html-webpack-plugin:如何将参数注入模板

我正在尝试将标题传递给html-webpack-plugin,但它根本没有创建标题标签:(有人可以告诉我webpack.js的问题在哪里吗var HtmlWebpackPlugin = require('html-webpack-plugin'。 。

回答 4 投票 1

Webpack-如何通过实时重载将.html片段包含到index.html中?

在PHP中,您可以包括文件片段以方便重用。在下面的示例中,我可以包含h eader.php和footer.php。这非常方便,因为当我更新header.php时,更改会显示出来...

回答 1 投票 1

Webpack文件加载器返回错误的子文件夹路径

我正在建立一个具有多个入口点的网站。具有以下结构。 index.html产品index.html product1 index.html我正在使用文件加载器将图像加载到js文件上。这是...

回答 1 投票 0

带有PHP的Webpack配置html-webpack-plugin

在我的webpack结构中,我使用html-webpack-plugin生成我的html文件等,问题是我想在页面上做一些事情,在这种情况下,我想使用PHP。我该怎么做...

回答 1 投票 0

[尝试在EJS文件中使用include时无法编译。 (错误:子编译失败。)

我已经将此问题作为github问题了,但是我怀疑可能有些琐碎的事,我只是不知道。我非常感谢您提供一些帮助调试的信息。演示:...

回答 1 投票 0

[使用Webpack将样式表链接动态添加到html

想在使用mini-css-extract-plugin之后运行webpack,在其中在html文件的标题中创建适当的样式表链接的位置,类似于html-webpack-plugin添加...的方式...]]] >

回答 1 投票 1

如何使用模板在html-webpack-plugin中遍历数组

例如,有很多js文件输出。 1.js 2.js 3.js ....目标html:

回答 1 投票 0

Vue.js在[]中插入样式],而不是index.html(webpack,HtmlWebpackPlugin) 基本上,我想实现此index.html结构: <html> <head> <!-- titles, metas and other "static" stuff --> <link rel="preload/prefetch" ...> <!-- injected by webpack (ok) --> <!-- By default compiled styles are injected here, in head, I want them in body --> </head> <body> <div> My static loading animation All possible styling is inlined It doesn't depend on anything! It also could be anything, even just a plain "Loading..." text. You still WON'T see it until all style's in head are loaded. </div> <div id="app">Vue application goes here</div> <link rel="stylesheet" href="..."> <!-- Styles injected by webpack (WANTED!) --> <script src="..."></script> <!-- Scripts injected by webpack (by default, OK) --> </body> 我想要这个的原因是,我的html完全能够向用户显示初始加载的动画,并且我希望它呈现一旦加载index.html立即立即渲染 ,而不依赖于任何其他资源。 真的,我想这是每个人都想要的,只是说... 但是Vue by debault配置为将其已编译的styles包含到<head>标记中,该标记会阻止页面的呈现,直到加载这些样式为止。我找不到有关如何更改它的任何文档。 更新:图片! 因此,我设法手动模拟了两个变体: 样式注入到<head>中(默认) 样式已插入<body>(需要) 这里是视觉 差异的图片: 1]样式被注入到<head>中(默认): 2)样式被注入到<body>中(需要): 在图片上标记为“ html渲染开始”的标签意味着用户实际上看到 正在加载动画,该动画完全在html中定义(在我的情况下为一小块svg和样式,一般情况下可以是任何东西),并且没有依赖于其他任何外部资源进行渲染。 基本上,我想实现这个index.html结构:

基本上,我想实现这个index.html结构:

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.