vue-cli3脚手架的项目下，在根目录的vue.config.js中添加如下代码module.exports = {
chainWebpack: config => {
config
.plugin('html')
.tap(args => {
args[0].title = '你的标题'
原创
2023-08-15 09:23:47
233阅读
原理插件的基本作用就是生成html文件，原理很简单：将 webpack 中 entry 配置的相关入口 chunk 和 extract-text-webpack-plugin 抽取的 css 样式 插入到该组件提供的 template 或者 templateContent 配置项指定的内容基础上生成一个 html 文件，具体插入方式是将样式 link 插入到 head 元素中， script 插入
转载
2024-06-08 20:07:08
83阅读
// vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { chainWebpack: config => { config .plugin('html') .tap(args => { a
原创
2021-08-05 15:31:19
3578阅读
webpack 提供了一个如何开发 webpack 插件的介绍，你可以直接访问这里查看，这里提供一个扩展 HtmlWebpackPlugin 的开发实例。
原创
2022-05-03 10:56:06
961阅读
【Webpack】TypeError: Cannot read property ‘tap’ of undefined at HtmlWebpackPlugin.报
原创
2022-07-01 10:03:21
1922阅读
https://segmentfault.com/q/1010000006591131 通过修改 HtmlWebpackPlugin 源码实现了 修改后的配置： 插件修改部分： 修改前： 修改后： 效果图：
转载
2017-02-17 17:02:00
96阅读
2评论
概述 之前所有的文章都介绍的是如何打包处理各种文件，但是我们最后生成的都是js文件，这在浏览器中是不能直接运行的，必须包含在HTML文档中才可以正常运行，那本文就介绍下HtmlWebpackPlugin这个插件的使用。 HtmlWebpackPlugin插件主要是用来生成html结果文件的，它会将我们的js结果文件打包包含到最后的一个html文件中，然后我们直接...
原创
2022-02-10 10:04:28
149阅读
概述 之前所有的文章都介绍的是如何打包处理各种文件，但是我们最后生成的都是js文件，这在浏览器中是不能直接运行的，必须包含在HTML文档中才可以正常运行，那本文就介绍下HtmlWebpackPlugin这个插件的使用
原创
2021-08-27 10:30:50
377阅读
# Webpack Dev 配置 HtmlWebpackPlugin
在使用 Webpack 进行前端项目的开发时，我们经常需要将 JavaScript、CSS 和 HTML 进行打包和优化。其中，HtmlWebpackPlugin 是一个非常有用的插件，它可以简化 HTML 文件的创建和配置，同时可以将打包生成的 JavaScript 和 CSS 文件自动插入到 HTML 文件中。
## 安
原创
2023-07-07 03:03:22
160阅读
HtmlWebpackPlugin（html-webpack-plugin）传入自定义参数到模板
原创
2022-07-23 00:49:24
1393阅读
vue的runtime-only版本和runtime-compiler版本
转载
2021-10-20 20:37:00
103阅读
# Webpack 4.x htmlWebpackPlugin安装
## 什么是Webpack
Webpack是一个现代化的静态模块打包器（module bundler），它主要用于处理JavaScript模块和其他资源文件，如样式表、图片等。Webpack将项目中的所有资源都视为模块，并通过一个依赖图（dependency graph）将这些模块串联起来。通过使用Webpack，开发者可以轻
原创
2023-07-08 06:18:12
225阅读
# htmlWebpackPlugin 3.x版本配置项详解
htmlWebpackPlugin是一个非常强大的插件，用于生成HTML文件，并自动将生成的HTML文件引入到Webpack构建的应用程序中。在htmlWebpackPlugin的3.x版本中，引入了一些新的配置项，本文将对这些新配置项进行详细解释，并提供代码示例。
## 1. filename
`filename`配置项用于指定
原创
2023-07-10 10:31:25
1146阅读
# Compiler Hooks in Webpack: A Guide
Webpack is a popular module bundler for JavaScript applications. It allows developers to bundle their code and assets in a way that optimizes performance and impr
原创
2023-07-04 13:40:31
398阅读
# 如何配置vue中的htmlWebpackPlugin.options.title
## 简介
在使用Vue进行开发时，我们经常需要配置页面的title。Vue使用了html-webpack-plugin插件来生成最终的HTML文件，并提供了一种简单的方式来配置title。本文将详细介绍如何在Vue项目中配置htmlWebpackPlugin.options.title。
## 配置流程
原创
2023-07-06 06:13:21
6699阅读
HtmlWebpackPlugin是一个出现...
转载
2019-06-23 13:44:00
92阅读
推荐：《webpack学完这些就够了》《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。以下是本节正文：2.webpack中各种publicPath的使用publicPath，顾名思义"公共路径"，其在各项配置中，基本就是作为资源路径前缀使用。即便意思都近似为资源路径前缀，但其实有很大差别。publicPath的
原创
2021-09-02 10:22:03
574阅读
文章目录前言一、plugin是什么？二、添加版权的Plugin：BannerPlugin三、打包html的plugin：HtmlWebpackPlugin四、js压缩的等。load
原创
2022-12-30 17:48:43
366阅读
1、HtmlWebpackPlugin 自动生成基本的 html 页面2、开启文件3、w
原创
2022-02-28 18:13:02
252阅读
生成html文件需要下载1个插件模块html-webpack-plugin@4: HtmlWebpackPlugin简化了HTML文件的创建，你可以让插件为你生成一个HTML文件，使用默认模板, 或使用你自己指定的模板webpack.config.js插件配置const HtmlWebpackPlugin = require("html-webpack-plugin");
plugins: [ /
转载
2024-08-04 09:45:29
32阅读
