webpack的安装和配置最佳实践

目录

1 常见的loader与plugin

2 WebPack多入口配置：

3 如何提取并压缩css文件

4 webpack如何提取公共代码及第三方库代码

5 webpack如何实现JS的异步加载（懒加载）

6 module chunk bundle 的差异

7 优化webpack构建速度

hard-source-webpack-plugin

8 优化webpack输出的代码质量

9 Tree-Shaking的概念解析

10 ES6 Module与 Commonjs的差异对比

11 Scope Hosting的定义是什么？

12 babel

Polyfill

分割线

Webpack构建速度优化策略

1 缩小处理范围

2 noParse配置项应用

3 IgnorePlugin插件使用技巧

4 优化 resolve 配置方案

alias配置方法

---

1 常用的loader和plugin

1. file-loader用于加载文件，而url-loader同样具备加载文件的功能，但当文件大小低于设定阈值时，会将其转换为base64格式返回，url-loader对file-loader进行了封装。

css-loader负责处理css文件，style-loader则将css代码通过style标签插入到