码云笔记前端博客
Home > JavaScript > webpack4打包报错Entrypoint undefined=index.html的解决办法

webpack4打包报错Entrypoint undefined=index.html的解决办法

2019-11-08 分类:JavaScript 作者:管理员 阅读(60)

本文共计1394个字,阅读时间预计4分钟,干货满满,记得点赞加收藏哦

本文的内容正如标题,我用的是webpack4版本,在打包时可以打包正常,但是总是会打印这句话Entrypoint undefined=index.html,看着特别难受;度娘了一下说什么的都有,有的说是版本问题,这个我也没有下去印证,所以靠大家。这不是可怕的,可怕的是有问题出现,却没有解决的方法,特此将我的解决方案附上。
webpack4打包报错Entrypoint undefined=index.html的解决办法
这个原因是由webpack插件html-webpack-plugin引起的

HtmlWebpackPlugin

这个plugin曝光率很高,他主要有两个作用

1. 为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题。

2. 可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口。

github上有些关于htmlwebpackplugin的属性介绍,大家可以上去看看。

解决方法

module.exports增加配置stats: { children: false }即可解决;

拓展

下面罗列了一些html-webpack-plugin插件常用的配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
plugins:[
        new HtmlWebpackPlugin({
//部分省略,具体看minify的配置
minify: {
     //是否对大小写敏感,默认false
    caseSensitive: true,
   
    //是否简写boolean格式的属性如:disabled="disabled" 简写为disabled  默认false
    collapseBooleanAttributes: true,
   
    //是否去除空格,默认false
    collapseWhitespace: true,
   
    //是否压缩html里的css(使用clean-css进行的压缩) 默认值false;
    minifyCSS: true,
   
    //是否压缩html里的js(使用uglify-js进行的压缩)
    minifyJS: true,
   
    //Prevents the escaping of the values of attributes
    preventAttributesEscaping: true,
   
    //是否移除属性的引号 默认false
    removeAttributeQuotes: true,
   
    //是否移除注释 默认false
    removeComments: true,
   
    //从脚本和样式删除的注释 默认false
    removeCommentsFromCDATA: true,
   
    //是否删除空属性,默认false
    removeEmptyAttributes: true,
   
    //  若开启此项,生成的html中没有 body 和 head,html也未闭合
    removeOptionalTags: false,
   
    //删除多余的属性
    removeRedundantAttributes: true,
   
    //删除script的类型属性,在h5下面script的type默认值:text/javascript 默认值false
    removeScriptTypeAttributes: true,
   
    //删除style的类型属性, type="text/css" 同上
    removeStyleLinkTypeAttributes: true,
   
    //使用短的文档类型,默认false
    useShortDoctype: true,
    }
    }),
]

「除特别注明外,本站所有文章均为码云笔记原创,转载请保留出处!」

赞(8) 打赏

觉得文章有用就打赏一下文章作者

支付宝
微信
8

觉得文章有用就打赏一下文章作者

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

共有 1 条评论 - webpack4打包报错Entrypoint undefined=index.html的解决办法

  1. 头条 Windows 7 Chrome 63.0.3239.132

    文章不错支持一下吧

博客简介

码云笔记 mybj123.com,一个专注Web前端开发技术的博客,主要记录和总结博主在前端开发工作中常用的实战技能及前端资源分享,分享各种科普知识和实用优秀的代码,以及分享些热门的互联网资讯和福利!码云笔记有你更精彩!
更多博客详情请看关于博客

精彩评论

站点统计

  • 文章总数: 476 篇
  • 分类数目: 13 个
  • 独立页面: 8 个
  • 评论总数: 228 条
  • 链接总数: 15 个
  • 标签总数: 1050 个
  • 建站时间: 525 天
  • 访问总量: 8648065 次
  • 最近更新: 2019年11月21日