关于 Webpack 的一些配置

最近在重看 Webpack 相关的文章，发现了一些以前囫囵吞枣学习的一些遗漏点，现在作下记录。

1. entry，webpack 构建入口，构建过程将从 entry 开始。要注意的是，配置相对路径时，并不是相对于文件所在的路径而是相对于context(点此查看)配置的路径,
2. browserslist 是一个在不同前端工具之间，共享目标浏览器和 Node.js 版本的配置
   • 常用配置
     • >1% 使用率大于 1%；
     • last 2 version 所有浏览器兼容到最后两个根据caniuse追踪的版本；
     • dead 24 个月没有官方支持或更新的浏览器 常配置为not dead。
   • 支持的插件
     • Autoprefixer
     • Babel
     • postcss-preset-env
     • eslint-plugin-compat
     • postcss-normalize等等
   • 配置方法： 在 package.json 文件中配置browserslist或创建.browserslistsrc文件填入配置项
3. 在 webpack5 中，使用资源模块类型(asset module type)添加 4 种新的模块类型，替换 file-loader、url-loader 等