Webpack

Webpack4的安装和使用 介绍 webpack是用来构建工程的 具体来说，webpack会以某个模块文件作为入口，然后根据入口分析出所有模块的依赖关系，并对各种模块进行合并、压缩，形成最终的打包结

清除输出目录 在打包结果的文件名是以hash命名的场景中，一旦源代码发生变化，hash改变，打包结果中的也将出现新的文件 清除输出目录就是用于在打包时将原本已经存在于输出目录中的文件删除，从而避免打包

利用webpack拆分css 要拆分css，就必须把css看作向js那样的模块 要把css当成模块，就必须使用到构建工具（例如webpack） webpack本身可以读取css文件的内容，但会将其内容

babel的安装和使用 不同的浏览器或不同版本的浏览器对JS标准的支持程度往往是不一样的，这就给开发者带来了很大的困扰 babel的目标就是把使用不同标准书写的JS代码，编译为统一的、能被各种浏览器识

性能优化概述 性能优化可以从三个方面入手： 构建性能 传输性能 运行性能 构建性能 这里所说的构建性能，主要是指开发阶段的构建性能 优化构建性能即降低从代码打包开始到代码效果呈现出来所经历的时间 传输

不确定的动态依赖 无法确定是否应该导入 对于上面这种依赖关系，只有在代码运行过后才能知道index.js会不会使用到other.js，而webpack在打包过程中又不会运行代码 webpack在面对这