vue 插件HtmlWebpackPlugin最全参数详解

Dear 丶 2022-04-16 04:00 981阅读 0赞

var htmlWebpackPlugin = require('html-webpack-plugin')
    module.exports = {
        plugins: [
            new htmlWebpackPlugin({
                filename: 'index.html',
                template: 'index.html',
                inject: true
            })
        ]
    }

**title：**生成html文件的标题

**filename：**html文件的文件名，默认是index.html

**template：**指定你生成的文件所依赖哪一个html文件模板，使用自定义的模板文件的时候，需要安装对应的`loader`

**inject ：**

true //默认值，script标签位于html文件的 body 底部
    body //script标签位于html文件的 body 底部
    head //script标签位于html文件的 head中
    false //不插入生成的js文件，这个几乎不会用到的

**favicon:**html文件`favicon`

**minify：**minify会对生成的html文件进行压缩。默认是false，可以对minify进行配置

plugins: [
        new HtmlWebpackPlugin({
            minify: {
                removeAttributeQuotes: true // 移除属性的引号
            }
        })
    ]

**cache：**内容变化的时候生成一个新的文件

**showErrors：**webpack报错的时候，会把错误信息包裹再一个`pre`中，默认是true。

**chunks：**chunks主要用于多入口文件，当你有多个入口文件，那就回编译后生成多个打包后的文件，选择使用那些js文件 ，没有设置chunks选项，那么默认是全部显示(***当配置vue开发多页面时，记得配置chunks，否则会有html引入不需要的js报错 \[Vue warn\]: Cannot find element:***)

**excludeChunks：**不适用那些js

**xhtml:**默认值是 false ，如果为 true ,则以兼容 xhtml 的模式引用文件。

**chunksSortMode**

发表评论取消回复

表情：

评论列表（有 0 条评论，981人围观）

还没有评论，来说两句吧...

相关阅读

相关 ChatGPT Plus 插件最全解读

前言： OpenAI放出大招，向所有ChatGPT Plus用户开放联网功能和众多插件，允许ChatGPT访问互联网并使用70个第三方插件。本批第三方插件能够全方位覆

川长思鸟来/ 2023年10月10日 18:11/ 0 赞/ 98 阅读

相关 vue周边插件大全，收藏

Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总

柔光的暖阳◎/ 2023年06月27日 11:13/ 0 赞/ 65 阅读

相关 vue 插件大全

vue 插件大全 Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的

小灰灰/ 2023年02月22日 05:21/ 0 赞/ 63 阅读

相关 VUE 浏览器最强插件——极简插件

在这里插入代码片油猴插件谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功 [vue调试工具插件][vue] 将下载的文件进行解压

桃扇骨/ 2022年09月12日 14:50/ 0 赞/ 338 阅读

相关细说show slave status参数详解（最全）

在搭建好mysql主从之后，我们一般在从库上通过命令 show slave status\G 来查看主从的状态，会有很多的参数，接下来笔者就带大家好好的了解这些参数

怼烎@/ 2022年09月08日 04:58/ 0 赞/ 354 阅读

相关 JS天气插件（最全）

1. 中国天气实例：https://cj.weather.com.cn/plugin/pc 2. 心知天气文档：https://docs.seniverse.co

缺乏、安全感/ 2022年08月28日 03:53/ 0 赞/ 295 阅读

相关 Vue.js 插件开发详解

前言随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我

末蓝、/ 2022年06月17日 13:24/ 0 赞/ 257 阅读

相关最全的sublime插件整理

Package Control 1.插件管理器 1)在Sublime中打开View –> Show Console，将以下代码复制到输入框中后按回车键 imp

秒速五厘米/ 2022年06月09日 05:15/ 0 赞/ 321 阅读

相关 vue 插件HtmlWebpackPlugin最全参数详解

var htmlWebpackPlugin = require('html-webpack-plugin') module.exports = {

Dear 丶/ 2022年04月16日 04:00/ 0 赞/ 982 阅读

相关 Vue组件插件大全

UI组件 [element][] \- 饿了么出品的Vue2的web UI工具套件 [Vux][] \- 基于Vue和WeUI的组件库 [mint-u

待我称王封你为后i/ 2021年09月27日 16:26/ 0 赞/ 452 阅读