html-webpack-plugin相关内容

HtmlWebpack Plugin引发类型错误:更新到WebPack5后,无法读取未定义的属性';hash';

我正在将我们Web应用程序中的库更新到最新版本,从而将webpack推到WebPack5。在调整‘webpack.config.dev.js’的参数时,我在编译过程中一直遇到以下错误: ...../node_modules/webpack/lib/NormalModule.js:1306 hash.update(this.buildInfo.hash); ..

如何将 Webpack 4 SplitChunksPlugin 和 HtmlWebpackPlugin 用于多页面应用程序?

我正在尝试利用 SplitChunksPlugin 为 MPA 中的每个页面/模板生成单独的包.当我使用 HtmlWebpackPlugin 时,我会为每个页面获取一个 html 文件,其中的脚本标记指向正确的包.太棒了!但是,我遇到的问题是我的供应商文件.我希望单独的 html 文件只指向他们需要的供应商包.当 SplitChunksPlugin 创建多个供应商包时,我无法让每个单独的 html ..

Html-Webpack-Plugin 模板:模块构建失败:SyntaxError:意外令牌

当我尝试使用 index.ejs 模板文件构建 html-webpack-plugin 时,抛出以下错误: 即使我尝试加载为 .html 文件或安装 ejs-loader,仍然失败.我不确定 ejs-loader 是否与 html-webpack-plugin 一起安装. 其他一些人也遇到了同样的问题,但是他们的 webpack 版本是 @1 并且该链接上的解决方案对我不起作用. ..
发布时间:2021-09-23 19:06:23 其他开发

Webpack 静态网站图片缓存破坏

我正在使用 webpack-html-plugin 生成一个单页静态网站.我正在尝试为静态资产(尤其是图像)实施缓存破坏.我还有一个用于打开图形图像的元标记,如下所列. 我的 webpack.config.js 看起来是这样的: module.exports = {条目:'./src/init.js',输出: {路径:'./build',文件名:'bundle.js',},模块: {装载机 ..
发布时间:2021-09-23 19:02:05 其他开发

如何在 HtmlWebpackPlugin 中与多个 HTML 文件一起使用 Webpack 中的多个条目?

我们想要来自 Webpack 的两个输出——我们的整个应用程序及其所有依赖项,以及一个只有一个依赖项(主应用程序不共享)的不同页面. 似乎这样做的方法是利用 Webpack 配置的 entry 属性.然而,这还不够,因为我们还使用 HtmlWebpackPlugin 输出我们的 HTML 文件build.js 是 Webpack 动态编译添加的(以及编译的 LESS 等).根据 HtmlWe ..
发布时间:2021-09-23 18:50:13 前端开发

使用 webpack 内联 JavaScript 和 CSS

我使用 Webpack 来捆绑资源.目前,它将 CSS 和 JS 文件捆绑到一个名为 bundle.js 的单独文件中.如何将 JS 和 CSS 嵌入到 html 文件中? import HtmlWebpackPlugin from 'html-webpack-plugin';从“webpack"导入 {HotModuleReplacementPlugin};导出默认{条目:{应用程序:'./t ..
发布时间:2021-09-23 18:49:26 其他开发

如何将 __webpack_nonce___ 的值与我的内容安全策略相结合?

根据我对内容安全政策的理解,nonce必须根据每个请求进行更改.这意味着(我认为)它必须在客户端运行时生成,而不是在 Webpack 配置中的构建时生成.我已经在我的应用中测试了 webpack_nonce 功能,并且效果很好. 不幸的是,我不确定如何将在客户端运行时生成的值获取到实际的 CSP 策略中,该策略在 index.html 文件中设置为元标记(或某些等效的) 或在服务器本身上. ..
发布时间:2021-07-17 20:13:17 其他开发

嵌套的 React 路由器 4 路由在 Webpack 3 上不起作用

正如标题所暗示的那样,我无法获得类似的路线 工作,正如我读过的那样,index.html中的包必须是绝对的,但是我使用HtmlWebpackPlugin所以包作为相对路径被注入. 我尝试为 webpack 设置我的输出配置,如下所示: 输出:{路径:path.resolve('dist'),文件名:'index_bundle.js',公共路径:'/'}, 但这也行不通. 如果 ..

入口点 undefined = index.html 使用 HtmlWebpackPlugin

我正在使用 Webpack 4 并且我正在创建配置文件,当尝试使用 HtmlWebpackPlugin 时,它在控制台上得到了这个:Entrypoint undefined = index.html,它打开浏览器并显示 HTML,但我在控制台上收到这条奇怪的消息,如何解决这个问题? 这就是我的配置文件的样子: '使用严格'const webpack = require('webpack') ..
发布时间:2021-07-03 20:16:55 其他开发