webpack

第一步：暴露出webpack配置文件 终端命令：npm run eject (此命令一旦运行不可逆) 第二步：安装less以及less-loader

配置devtool 第一步：在项目的终端下，使用 npm init -y 初始化一个package.json文件 第二步：安装一些webpack的依赖包以及插件 npm install webpack

浏览器的缓存优化： 当我们项目部署到服务器的时候，浏览器会缓存我们的文件，当我们再次修改我们的代码，如果文件名称没有变，浏览器会先使用本地用户缓存的内容，此时我们便获取不到最新的内容了，可以使用更改文

本质上 ， webpack 是一个用于现代 JavaScript 应用程序的  静态模块打包工具。

loader介绍： loader 用于对模块的源代码进行转换，由于webpack只能解析js及json格式，对于其他格式的文件需要借助对应的loader去处理。

场景： 有时候需要将es6语法转化成es5语法，便于低版本浏览器兼容。npm install babel-loader @babel/core @babel/preset-env -D

场景： 当我们在不同的入口文件中引入相同的代码，会被分别打包，增加代码体积，那么如何提取公共的代码呢？

介绍： webpack为我们提供了4种资源模块类型，这些资源类型可以用于处理和打包一些资源文件，（如字体，图片）他们的介绍分别如下：