Webpack笔记

性能优化概述 本章所讲的性能优化主要体现在三个方面： 构建性能 这里所说的构建性能，是指在开发阶段的构建性能，而不是生产环境的构建性能 优化的目标，是降低从打包开始，到代码效果呈现所经过的时间 构建性

babel的安装和使用 {ignore} babel简介 babel一词来自于希伯来语，直译为巴别塔 巴别塔象征的统一的国度、统一的语言 而今天的JS世界缺少一座巴别塔，不同版本的浏览器能识别的ES标

css工程化概述 css的问题 类名冲突的问题 当你写一个css类的时候，你是写全局的类呢，还是写多个层级选择后的类呢？ 你会发现，怎么都不好 过深的层级不利于编写、阅读、压缩、复用 过浅的层级容易导

1. clean-webpack-plugin 清除打包的输出目录 2. html-webpack-plugin 自动生成页面 3. copy-webpack-plugin 复制静态资源 4. 开发服

模块化兼容性 由于webpack同时支持CommonJS和ES6 module，因此需要理解它们互操作时webpack是如何处理的 同模块化标准 如果导出和导入使用的是同一种模块化标准，打包后的效果和

webpack的安装和使用 {ignore} webpack简介 webpack是基于模块化的打包（构建）工具，它把一切视为模块 它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系

如何在浏览器端实现模块化 本文全部采用webpack4 浏览器端的模块化 问题： 效率问题：精细的模块划分带来了更多的JS文件，更多的JS文件带来了更多的请求，降低了页面访问效率 兼容性问题：浏览器目