webpack

优化babel-loader(缓存) 思想是开启缓存：cacheDirectory noParse（忽略） 忽略对部分未模块化的递归解析和处理，文件不能包含import、require、define等

如何通过合理配置webpack去实现每次上线发布的静态资源(CSS，JS，图片)的文件名称都是独一无二的 答：通过配置hash(hash、chunkhash、contenthash)实现 hash w

一、Loader css style-loader：把css样式插入html文件中 less-loader sass-loader minicss.loader:来自mini-css-extract-

webpack打包流程 6步： 初始化参数：先获取配置参数，从4.x版本开始，webpack会有默认配置。合并shell和webpack.config.js配置 开始编译：获取到参数配置后，将配置作为

前提条件：支持静态引用方式，ES6 Module 通过这样的依赖关系前提条件：支持静态引用方式，ES6 Module 通过这样的依赖关系前提条件：支持静态引用方式，ES6 Module 通过这样的依赖

什么情况下考虑 第三方库 可以放到cdn中 懒加载 先了解加载，加载分为静态加载和动态加载 动态加载：CommonJS require函数和es的import函数 静态加载：ES import语法糖

TODO 还是要补充 运行时优化 量化打包分析的插件：speed-measure-webpack-plugin。可以分析每一个loader、plugin使用了多少时间。同时loader输出了多少个mo

sourceMap是什么？ 是一项将编译、打包、压缩后的代码映射回源代码的技术。是一个映射关系表 简单来说，sourceMap就是一个文件，里面存储着位置信息。 仔细点说，这个文件里面保存的，就是转换

Loader和Plugin的比较 为什么webpack默认只有js和json？ 因为webpack是基于node。node是遵循CommonJS规范，最早时候的webpack是遵循CommonJS规范

HMR(hot module replacement) 推荐雪凌老师好文 优点 保留应用程序状态 只变更修改的内容，节省开发时间 在源代码中修改js/css，可以立马体现在浏览器中。相当于在浏览器de

webpack打包文件分析 webpack打包后文件里面的立即执行函数，只有三个变量和一个函数： __webpack_module__：存放编译后的各个文件模块的JS内容 __webpack_modu

webpack打包流程 6步： 初始化参数：先获取配置参数，从4.x版本开始，webpack会有默认配置。合并shell和webpack.config.js配置 开始编译：获取到参数配置后，将配置作为