Babel是什么？用于解析ES6，甚至比ES6更高级的语法，到ES5或ES4级别，满足浏览器的兼容性 环境搭建 & 基本配置 ① package...

目录 前端为什么要进行打包和构建？module chunk bundle区别loader和plugin的区别babel和webpack的区别we...

*** 代表重要程度及频率内容正不断迭代更新，敬请期待~ 一、Javascript基础模块 1. 变量类型和计算 知识点题目1.值类型vs引用类...

本篇讲的是 Webpack 对于优化产出代码，也就是对于产品性能的优化， 优点：代码体积更小；合理分包不重复加载；速度更快，内存使用更少。 懒加...

本篇讲的是 Webpack 对于优化打包构建速度，也就是对于开发体验和效率的优化。有如下几处可以优化： 优化 babel-loaderIgnor...

1.懒加载 abc.js 文件中定义数据： 动态引入数据 - 实现懒加载： 最后产出一个独立的js，等同于定义一个chunk 2.处理JSX 修...

为什么要抽离公共模块、第三方模块？ 多入口打包时引入公共部分，公共部分会进行重复打包，打包效率降低，打包文件体积变大；第三方模块不会改变，但页面...

本地开发环境不需要压缩css,配置保持不变;生产中压缩css可以优化产出代码，故只在生产环境进行css压缩; 在开发和生产分别配置如下： 1.在...

1.js文件 多入口配置： 在公共配置中配置多入口[webpack.common.js]: 生产环境配置多出口[webpack.prod.js]...