学习的代码来自于:
因为webpack4的学习在官方文档中有一些插件被弃用了但是webpack4文档中仍然使用这个插件,切到插件文档想使用新推荐的插件时,首先没有使用经验,其次新推荐的插件文档是英文文档不方便阅读(疯狂吃没文化的亏),所以比较推荐一边看文档一边在论坛找一些帖子来学习webpack
目录:
- 基本配置:master分支;
- 确认wepack支持三种导入规范: checkImport分支;
- 代码分割:codeSplitting;
- Lazy Loading/Prefetching:LazyLoadingAndPrefetching;
- 自动生成HTML:autoHTML;
- 使用Loader:useLoader;
- TreeShaking: TreeShaking;
- 图片处理: setImg;
- 字体处理: useFont;
- 提前导入JS和别名 useJSProject;
- webpack-dev-server: webpack-dev-server;
- 开发和生产模式实战:actualCombat;
- 打包自定义函数库:selfFunction;
- PWA:PWA;
- TypeScript配置:setTs;
- Eslint配置:useEslint;
- DLL: DLL;
- 多页面打包配置: multipage;
- 编写loader: writeLoader;
- 编写plugins: writePlugins;
- 编写bundle: writeBundle;