通过webpack引入css有什么好处？

为什么要使用webpack呢？直接书写css代码不是更简单吗

同学的意思是指直接在生成的html文件中引入css代码吗？那么，可以参考如下解析：

1、如果你当前开发的项目，不使用webapck，那么直接在html中引入css文件是没有问题的

2、如果你当前项目使用了webpack进行开发，样式代码较少的话，可以直接在js文件中通过js代码来给元素设置样式，但是，当样式代码较多的时候，如果全部通过js来实现，代码就会非常冗余，推荐将css代码单独写在css文件中，作为外部文件引入使用。

webpack打包后生成的dist文件夹，该文件夹下的index.html文件是webpack打包后自动生成的，在开发阶段无法直接在html文件引入对应的css文件。

所以，一般都是在js文件中引入css文件，由于webpack默认只能加载js文件，无法加载css文件，此时，需要安装对应的loader来处理css文件。

同学目前重点先掌握这几种处理css的方式，后面会结合项目讲解，帮助同学更好的理解与运用哦~~

祝学习愉快~

老师为什么index.html文件需要webpack打包后自动生成啊？我的理解是webpack对于ES6转ES5比较方便，但是用webpack处理html、css的好处和目的是什么？我感觉比手动处理html和css弄更加复杂了