工具
想象一下，在webpack5还没出来前，前端使用第三方组件库，例如使用 `dayjs` 日期处理库，都是通过 `npm i dayjs -s` 安装 `dayjs` 模块到项目里，然后就可以通过 `require` 或者 `import` 来使用。
其他
Tree Shaking是 JavaScript 上下文中常用的术语，用于消除Dead Code（无用的代码）。利用ES6模块化规范的特性，在编译时通过静态分析代码，识别出未被使用的代码并在打包时去除。
在开发项目我们使用的是局域网的ip，部署的时候可能要改为外网的ip，每次打包都需要在代码修改指定的ip，拿 vue-cli 创建的项目来说，对于API接口的ip我们可以这样动态来修改
webpack是当下最流行的模块打包工具，webpack处理应用程序时候，会递归构建一个依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个bundle
安装bebal编译需的模块，包括babel-core和babel-preset-env，babel不仅可以转化es6代码，还可以转化一些es7的代码，可以借助插件来实现，例如在es7里面有do表达式
Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块。
