html-webpack-plugin 相关问题

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


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

使用Webpack生成i18n多页站点的正确方法是什么?

该任务使用相同的部分为几种语言构建多个静态页面。使项目尽可能简单和最小。使用html-loader,HtmlWebpackPlugin和...

回答 1 投票 0

`HTML-loader`覆盖`HtmlWebpackPlugin```表达

我使用HtmlWebpackPlugin中的WebPack以下是它的配置:新HtmlWebpackPlugin({文件名: '的index.html',模板: '的index.html',注: '体',SDK:“/ ...

回答 1 投票 0

注射CSS文件转换成HTML文件的头部使用HtmlWebpackPlugin产生

我已经配置了巴贝尔,CSS-在-JS插件来构建一个CSS文件到./app/bundle.css时的WebPack运行巴贝尔装载机。我需要这个文件注入到被HTML-的WebPack-插件生成一个HTML文件....

回答 1 投票 0

的WebPack - 仅注入一个文件头和所有其他的身体

我不能让这个解决方案,什么是最好的方法呢?我试图用的WebPack使用HtmlWebpackPlugin angular2这是我的设置:新HtmlWebpackPlugin({模板: 'SRC / index.html的',大块:{...

回答 1 投票 0

如何在使用HtmlWebackPlugin时在 和标签中添加某些脚本标签

我正在使用HtmlWebpackPlugin用javascript生成HTML文件。现在,我想在 和标记的不同部分添加自定义脚本示例:如何添加

回答 4 投票 6

如何使用HTML的WebPack插件把script标签风格标记之前

TL; DR检查最后一段我的情况:我有以下文件:app.css(在之前的HTML加)vendor.js(在HTML中添加之前

回答 1 投票 2

传递对象到EJS装载机,使用HTML的WebPack-插件

我相信我已经到处找,但我拿出空手而归。我一直在使用HTML的WebPack-插件加载从我的源单一index.html文件,但我的客户已经有一些本地化的情况,...

回答 3 投票 3

常量INLINE = '内联';与故宫相关的命令

今天,我试图在Angular2(模板https://akveo.github.io)工作。按照安装向导,我跑以下命令。我已经安装了Node.js的v6.9.1。 NPM安装--Worked罚款。 NPM服务器...

回答 1 投票 0

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