html-webpack-plugin相关内容
我正在将我们Web应用程序中的库更新到最新版本,从而将webpack推到WebPack5。在调整‘webpack.config.dev.js’的参数时,我在编译过程中一直遇到以下错误: ...../node_modules/webpack/lib/NormalModule.js:1306 hash.update(this.buildInfo.hash);
..
我正在尝试利用 SplitChunksPlugin 为 MPA 中的每个页面/模板生成单独的包.当我使用 HtmlWebpackPlugin 时,我会为每个页面获取一个 html 文件,其中的脚本标记指向正确的包.太棒了!但是,我遇到的问题是我的供应商文件.我希望单独的 html 文件只指向他们需要的供应商包.当 SplitChunksPlugin 创建多个供应商包时,我无法让每个单独的 html
..
我的 webpack 当前设置的方式是将 css 资源链接放在文档的头部,这会阻止我的初始内容的呈现. 示例: 因此,我想将它们移到文档底部,就在
..
我目前正在创建一个涉及flask 和webpack 的项目.目前flask服务端可以找到revelant模板,但是找不到相关的JavaScript. 我有一个 webpack 配置,用于使用 webpack html 插件创建 HTML 文件,如下所示: const path = require('path');const HtmlWebpackPlugin = require('html
..
当我尝试使用 index.ejs 模板文件构建 html-webpack-plugin 时,抛出以下错误: 即使我尝试加载为 .html 文件或安装 ejs-loader,仍然失败.我不确定 ejs-loader 是否与 html-webpack-plugin 一起安装. 其他一些人也遇到了同样的问题,但是他们的 webpack 版本是 @1 并且该链接上的解决方案对我不起作用.
..
我正在使用 Webpack 和打字稿开始一个项目.但是当我尝试运行开发服务器时,我在 html-webpack-plugin 上遇到了很多错误.这是我的输出: >tecnilab-frontend@0.1.0 dev/home/alejo/tecnimaq/tecnilab/tecnilab-frontend>cross-env NODE_ENV=development webpack-dev-
..
成功了
..
我强调尝试让 Uglify 与我的项目一起工作,以前我使用过 Uglify 并且没有出现问题,但现在我认为这与 SASS 相关. ./~/css-loader! 中的错误!./~/sass-loader!./app/scss/global-header.scss模块构建失败:类型错误:无法读取未定义的属性“4"在减少(/Users/contractor/centralefcom-global-
..
我正在使用 webpack-html-plugin 生成一个单页静态网站.我正在尝试为静态资产(尤其是图像)实施缓存破坏.我还有一个用于打开图形图像的元标记,如下所列. 我的 webpack.config.js 看起来是这样的: module.exports = {条目:'./src/init.js',输出: {路径:'./build',文件名:'bundle.js',},模块: {装载机
..
我将 Webpack 与 html-webpack-plugin 及其提供的模板一起使用.我想在标题中添加一个收藏夹图标列表:
..
标签作为第一个孩子 这是我的 Webpack 配置中的代码片段 new HtmlWebpackPlugin({哈希:真实,块:[“应用程序"],文件名:path.resolve(__dirname, "./public/pages/app.html"),title: "网页标题",模板:path.resolve(__dirname, "./src/pages/app.page.html"
..
我有一个正在运行的 webpack 1 项目,我想将其迁移到 webpack 2. 它几乎可以工作了,我剩下的主要问题是 html-webpack-plugin: 当我在 webpack 2 中使用它时,生成的脚本标签是这样的: 代替:
..
我的 webpack 配置有问题.实现 html-webpack-plugin 后,我得到了一个错误,生成的 index.html 有整个错误堆栈. 错误堆栈:Html Webpack 插件: 错误:子编译失败:冲突:多个资产发出相同的文件名 index.html:错误:冲突:多个资产发送到同一个文件名 index.html compiler.js:76[预构建]/[html-webp
..
我们想要来自 Webpack 的两个输出——我们的整个应用程序及其所有依赖项,以及一个只有一个依赖项(主应用程序不共享)的不同页面. 似乎这样做的方法是利用 Webpack 配置的 entry 属性.然而,这还不够,因为我们还使用 HtmlWebpackPlugin 输出我们的 HTML 文件build.js 是 Webpack 动态编译添加的(以及编译的 LESS 等).根据 HtmlWe
..
我使用 Webpack 来捆绑资源.目前,它将 CSS 和 JS 文件捆绑到一个名为 bundle.js 的单独文件中.如何将 JS 和 CSS 嵌入到 html 文件中? import HtmlWebpackPlugin from 'html-webpack-plugin';从“webpack"导入 {HotModuleReplacementPlugin};导出默认{条目:{应用程序:'./t
..
..
根据我对内容安全政策的理解,nonce必须根据每个请求进行更改.这意味着(我认为)它必须在客户端运行时生成,而不是在 Webpack 配置中的构建时生成.我已经在我的应用中测试了 webpack_nonce 功能,并且效果很好. 不幸的是,我不确定如何将在客户端运行时生成的值获取到实际的 CSP 策略中,该策略在 index.html 文件中设置为元标记(或某些等效的) 或在服务器本身上.
..
正如标题所暗示的那样,我无法获得类似的路线 工作,正如我读过的那样,index.html中的包必须是绝对的,但是我使用HtmlWebpackPlugin所以包作为相对路径被注入. 我尝试为 webpack 设置我的输出配置,如下所示: 输出:{路径:path.resolve('dist'),文件名:'index_bundle.js',公共路径:'/'}, 但这也行不通. 如果
..
我有这样的目录结构: 在 node_modules 内部: >node_modules>./bin>webpack.config.js>引导程序>bootstrap.css>bootstrap.js 我需要像这样生成单独的 CSS 和 JS 包: custom-styles.css、custom-js.js、style-libs.css、js-libs.js 其中 styl
..
我正在使用 Webpack 4 并且我正在创建配置文件,当尝试使用 HtmlWebpackPlugin 时,它在控制台上得到了这个:Entrypoint undefined = index.html,它打开浏览器并显示 HTML,但我在控制台上收到这条奇怪的消息,如何解决这个问题? 这就是我的配置文件的样子: '使用严格'const webpack = require('webpack')
..