qq_53061847的博客

Webpack的另一个核心是Plugin，官方有这样一段对Plugin的描述：上面表达的含义翻译过来就是：前面我们演示的过程中，每次修改了一些配置，重新打包时，都需要手动删除dist文件夹：我们可以借助于一个插件来帮助我们完成，这个插件就是 CleanWebpackPlugin；另外还有一个不太规范的地方：对HTML进行打包处理我们可以使用另外一个插件：HtmlWebpackPlugin；我们会发现，现在自动在dist文件夹中，生成了一个index.html的文件：该文件中也自动添加了我们打包的bund

为了演示我们项目中可以加载图片，我们需要在项目中使用图片，比较常见的使用图片的方式是两种： 这个时候，打包会报错要处理jpg、png等格式的图片，我们也需要有对应的loader：file-loader件夹中； 有时候我们处理后的文件名称按照一定的规则进行显示：这个时候我们可以使用PlaceHolders来完成，webpack给我们提供了大量的PlaceHolders来显示不同的内容：我们这里介绍几个最常用的placeholder：[ext]： 处理文件的扩展名；[name]：处理文件的名称；[hash

事实上随着前端的快速发展，目前前端的开发已经变的越来越复杂了： 但是对于很多的前端开发者来说，并不需要思考这些问题，日常的开发中根本就没有面临这些问题：这是因为目前前端开发我们通常都会直接使用三大框架来开发：Vue、React、Angular；但是事实上，这三大框架的创建过程我们都是借助于脚手架（CLI）的；事实上Vue-CLI、create-react-app、Angular-CLI都是基于webpack来帮助我们支持模块化、less、TypeScript、打包优化等的；官方解释： webp..