html-loader和html-webpack-plugin的区别

Question

老师您好，请问html-loader和html-webpack-plugin的区别是什么呢？看到很多项目里用到file-loader的时候必然会用html-loader是为什么呢？

Answer 1

双越 2020-03-28 19:53:51

首先，你要搞明白 loader 和 plugin 的区别。继续往下看，课程会讲这个问题。

然后再来解决这个问题。

• 提问者 慕码人2431995 #1

  老师我看了您的课程，也看了官网对loader和plugin的解释，明白loader的作用就是帮助node写成的webpack理解非js文件(也就是将.css和.img等非js文件变成js形式)，而plugin也是做loader处理不了的事，比如面向项目整体拆分压缩组合chunk等。但是不明白为什么平时项目中大都只用到html-webpack-plugin来将js css塞进html文件的标签，基本没用到html-loader，只有在做图片loader的rules时和url-loader file-loader一起用了html-loader，那什么时候会一定要用html-loader呢？

• 双越 回复 提问者 慕码人2431995 #2

  你要用到 vue-loader 那是因为你要引入 .vue 文件，你要用 css-loader 是因为你要引入 .css 文件。你啥时候需要引入 .html 文件呢？那会儿你就可以用 html-loader 了。但，我们实际开发时，确实很少会引入 .html 文件。所以，先了解 html-loader 是啥就可以了，等用到了再说，不着急把所有的都搞清楚。

• 提问者 慕码人2431995 回复 双越 #3

  哦哦，好的，谢谢老师啦！?